南大软院21天大神养成学习计划-第3天

原创 2015年11月19日 20:25:36

今天为学习的第三天,今天学习了认识标签第二部分和第三部分和表单标签,前一天学习的都是关于一些标签的代码,今天也学习了许多的标签,包括了ul-li标签,这是一个列表的标签,这个标签是没有先后顺序的。如果需要有前后顺序的列表那么就需要用到ol-li标签,在制作网页的过程中,可以把一些独立的逻辑部分划分出来放在一个<div>标签中,逻辑部分就是具有某个相同,相互关联的一组元素,有了某个逻辑部分,我们就需要对它命名,用id属性来可以为这个逻辑部分提供唯一的名词,这个名称是唯一标示我们的身份,他也是必须唯一的。这样做的目的只是为了我们能更好的,更直接的看清页面的布局,迅速的为制作方表达它的意思,也能为使用方更快的找到自己所需要的东西,列表标签不足以让我们完全实用,当我们需要制作某个数据或者某个清单,我们需要表格的形式来规划,仅仅靠列表的模式是完全不够的,我们可以用table标签,这代表网页上的表格,创建表格包括四个元素:table、tbody、tr、th、td.其中table 标签是整个表格的开始,tbody是表格的内容,tr为表格的一行,有几队tr表格就代表有几行,td为表格的一个单元格,一行中包含几对td说明一行中有几列,表格内容介绍了,一个完整的表格是需要标题和摘要的,比如某某公司,某某产品的表格,没有标题的话我们就不能更准确的理解表格的含义,<table summary="表格简介文本“><caption>是标题文本,还有一些实用的标签:<a>标签可以实现超链接,比如某个网站,某个文件,这样能够减少版面的排布,更能节省空间,这个打开的超链接默认是在当前浏览器窗口打开,有时候我们需要在新窗口打开的话我们就可以在<a>标签的条件下输入<a href="目标网址" target="_blank">click here!</a>使用mailto可以在网页上连接Email地址,如果有多个参数的时候第一个参数必须以?开头,后面的每一个参数都以&分隔。使用img标签可以为我们的网页插入生动的图片,它的组成代码是<img src="图片地址"alt="下载失败时替换的文本”title="提示文本"其中src标识图像的位置,alt指定图像的描述性文本,title提供在图像可见时对图像的描述。

第五章我学习的是“与浏览者交互,表单标签”我们前面基本了解怎么制作自己的网页,那我们制作成功了我们怎么与别的用户交换,我们可以使用表单标签,它的语法是<form method="传送方式"action="服务器文件>,其中<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。method : 数据传送的方式(get/post)。当用户要在表单中输入字母,数字等内容时,我们就要用到文本输入框,还有密码输入框,当type="text"输入框为文本输入框,type="password"时,输入框为密码框,我么有时候需要输入多行文本的时候,我们就可以使用<textarea  rows="行数" cols="列数">文本</textarea>,其中<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。cols :多行输入域的列数。rows :多行输入域的行数。在<textarea></textarea>标签之间可以输入默认值。还有一些单选框和多选框的语法,我就不一一来说了

学完了这一节,我们基本可以制作自己的个人网页了,但是对于一些复杂的界面我们还是做不出来的,这也需要我们大家一起往后学下去,

南大软院21天大神养成计划-第4天

南大软院21天大神养成计划-第4天

南大软院21天大神养成计划-第5天

南大软院21天大神养成计划-第5天

南大软院21天大神养成计划-第二天

南大软院21天大神养成计划-第二天

南大软院21天大神养成计划-第1天

我是南大非软件学院的一名学生,目前在参加南大软院的网页设计大赛,这是我初步开始学习这个软件,如有错误,还请各位能指正,谢谢 上面是我今天的学习情况,下面我来总结今天我所学到的内容:今天的我完...

“南大软院大神养成计划“_第二十天的学习“

 一.对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; ...

南大软院大神养成计划-Web前端入门学习归纳第二天-认识前端开发工具Dreamweaver(2)

接上篇 五、智能提示功能 DW对各种不同的语言文件的各种标签、CSS文件的各种属性、编写代码时的各种操作、JAVAscript语言中的函数关键字等都有提示,对语法错误也会立即在行号上有提示,这些对...

“南大软院大神养成计划“_第六天的学习“

今天学习的内容是HTML+CSS基础课程,将HTML基础之前剩下的学完了。     使用下拉列表框,节省空间     1.主要的就是学会使用选项和selected="selected"。selec...

南大软院大神养成计划--第一天学习HTML+CSS的基础归纳

其实前天晚上注册开始学的,大一网页算辅修课,玩了几下只,现在忘得差不多了,现在有机会把它捡起来了,哈哈!! 从头慢慢看过来,与去年相比,发现老师讲还不如在这个网站自学。老师开课直接跳过基础,发个PP...

南大软院大神养成计划--第二天学习CSS的基础归纳

总算学完了基础,虽然以前学过,但还是认真看完了每一章,加深了各个基本元素的认知程度。 以前做网页作业总喜欢建立一个div标签在css里设置div{display:block; position:abs...

南大软院大神养成计划——第一天学习心得

今天是南大软院大神养成计划开始的第一天,在参加这次活动之前,我犹豫了很久到底要不要参加此次计划,因为我对成为一名web前端开发不是很感兴趣,我更感兴趣的是嵌入式开发,但是后面经过室友的鼓励,我还是选择...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院21天大神养成学习计划-第3天
举报原因:
原因补充:

(最多只允许输入30个字)