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

今天为学习的第三天，今天学习了认识标签第二部分和第三部分和表单标签，前一天学习的都是关于一些标签的代码，今天也学习了许多的标签，包括了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>标签之间可以输入默认值。还有一些单选框和多选框的语法，我就不一一来说了

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