南大软院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天大神养成计划第1天

第一天            怀着激动的心情打开慕课网!参与web前端工程师计划,开启一段新的旅程!!经过一小截时间的迷茫,纠结了一下学会网页制作到底该学些什么,虽然也没纠结出什么结果,所以就迷迷...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月16日 21:52
  • 220

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

第9天         学习了CSS样式基本知识和CSS选择器,对代码有了更进一步的理解,不会看着满屏的代码开始惆怅难道这些都是硬背下来的吗..但是感觉还是靠即一方面的偏多,毕竟熟能生巧,练得多了...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月24日 23:52
  • 170

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

南大软院21天大神养成计划-第5天
  • suchunmiao
  • suchunmiao
  • 2015年11月21日 21:53
  • 252

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

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

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

第8天          前两天因为种种原因好吧就是不想写所以一直没有写博客.今天决定来写一写.        今天学的是利用标签使网页与浏览者互交和CSS的一些基本样式.        由于个人学习...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月23日 18:26
  • 92

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

南大软院21天大神养成计划-第二天
  • suchunmiao
  • suchunmiao
  • 2015年11月18日 22:42
  • 243

南大软院21天学霸养成计划—第6天

南大软院21天学霸养成计划—第6天
  • suchunmiao
  • suchunmiao
  • 2015年11月22日 23:09
  • 625

总结第一个21天计划

写博客这部分坚持下来了,完成的不错,有几篇博客还被几个博友关注了,非常开心。 每天刷牙洗脚也挺好的,现在已经变成了一种习惯,很欣慰。 起床这部分做的也不错。 每天100个仰卧起坐或俯卧撑这块,由于过...
  • yongshi6
  • yongshi6
  • 2015年04月21日 17:11
  • 252

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

第3天          看了两天的编辑器使用之后终于正式进入了对htlm的学习.第一次打开学习视频看到满满的都是英文我还真的迷茫了很久不知道从哪里入手,开始接触才知道原来里面就是标签套标签套标签...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月18日 22:42
  • 126

【南大软院大神养成计划:第一天】种下21天,收获不一样的自己——前端养成启程!

在第一天的学习小节前,想先说一说自己的经历,所谓回顾历史,面向未来....     高考完,知道自己被南大软院录取时,心里被两股情绪塞满,那股红色的是欣喜,欣喜从初中就铸下学IT的理想的我终于可以做...
  • Sonshines
  • Sonshines
  • 2015年11月16日 20:52
  • 733
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院21天大神养成学习计划-第3天
举报原因:
原因补充:

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