1. 列表
1.1有序列表
格式：
<ol type="" start=""> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> <li>有序列表4</li> </ol>
type=""是设置列表的编码格式，编码格式有1、A、a、I、i 这五种。
start=""设置从第几个开始排序。
在有序列表的css样式中设置list-style: none;可以将有序列表前面的编码取消掉。
1.2无序列表
格式：
<ul type="square"> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> <li>无序列表5</li> </ul>
type=""可以设置列表前方小圆点的样式，默认小圆点(disc)，square是小方块，circle是小圆圈。
1.3自定义列表
格式：
<dl> <dt>水果：</dt> <dd> 火龙果、香蕉、橘子、猕猴桃 </dd> </dl>
在自定义列表中dd位于dt下一行错两格的位置，类似于下一级标题的效果，通常用于网页底部导航栏的制作。
列表都是块级元素，可以设置行高，自身独占一行。
列表之间可以嵌套使用，但需要嵌套在<li></li>标签内。
列表自带有内外边距等样式，在使用时一般给清除，然后根据页面需要进行设置内外边距。
在编写页面时尽量用列表进行布局，列表布局比表格布局灵活，而且加载页面较快。
2.表格
2.1表格的格式
表格由 <table> 标签来定义。每个表格能且只能使用caption标签定义一个标题，通常这个标题会被居中于表格之上，随着表格位置的移动而移动。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
格式：
<caption> </caption> <table> <tr> <th></th> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>
2.2合并单元格
跨行合并：rowspan="",双引号内写入要合并单元格的个数
跨列合并：colspan="",双引号内写入要合并单元格的个数
合并完成后需要删除多余的 <td ></td>标签
2.3表格总结
border=“1” 设置表格边框的大小
cellspacing="0"设置单元格之间的空间
在table中添加align="center"使整个表格居中显示
cellpadding="0"设置单元格中文字和边框的距离
th和td都是当作一个单元格使用，但th中的文字要比td中的文字加粗居中显示
可以在table中添加thead标签和tbody标签使得表格结果清晰一点，但不推荐使用，这两个标签没有具体含义，而且thead标签和tbody标签不可以跨部分合并单元格。
在编写页面时尽量不要用表格布局，因为表格布局没有列表灵活，而且加载页面时表格需要整个加载出来才会在页面中显示，用户体验不好。
3.表单
3.1表单的含义
用来收集数据的时候用，一般多用于登录注册页面。
3.2表单的格式
格式：
<form action="url" method="post"> <!-- action=""是表单的提交地址， method=""是表单的提交方式 --> </form>
get的安全性不高，不会隐藏信息，post会隐藏信息，较为安全。
3.3常用表单标签
1. <fieldset></fieldset>： 将表格分为单独的模块并且用黑色的边框将其包裹起来。
1. <legend></legend>：在边框上显示的包裹性文字，嵌套在<fieldset></fieldset>中使用。
1. <label for=""></label>：文本标签，在尖括号中写入想要在页面上显示的文字。
<select name="" id=""> <option value="">1</option> <option value="">2</option> </select>
下拉列表标签，可以用selected="selected"将某个标签设置为列表框中默认选项。
<textarea name="" id="" cols="30" rows="10"></textarea>：文本框标签，设置cols和rows的数值来控制文本框的大小，当输入文字超过我们设置的文本框的大小时就会产生滚动条。
<input type="text" value="">：单行文本框标签，可以在value=""中插入文本框默认文字，或者使用placeholder="“来插入文本框中的默认文字。
input标签的type值不同在页面显示的效果也不同，下面列举几个常用的：
type="password"：在页面显示密码框的效果，输入的文本自动隐藏。
type="radio"：设置单选按钮，此时需要将所以选项的name值设置成一样的，如果想要将某个选项设置为默认选项则可以增加checked="checked"。
type="checkbox"：设置多选按钮，和单选框一样可以使用checked="checked"将某个选项默认选上。
type="submit"：在页面插入一个提交按钮。
type="reset"：在页面插入一个重置按钮。
type="image"：在表单中插入一张图片当作按钮，当鼠标移到图片上将会显示指针边小手，使用该属性时需要搭配src=""。
type="button"：在页面插入一个没有文字的普通按钮，如果需要在按钮上插入文字可以增加value=""。
<button></button>按钮标签，可以在尖括号中间写入想要在按钮上方显示的文字，不需要单独设置value值。
type="file"：上传文件按钮。
3.4表单总结
给文本框增加提示性文字的两种方法各有各的优点，value设置字体大小和颜色这些属性较为容易，placeholder插入的文字用户在使用过程中不需要手动删除，较为方便。
将label的for值设置为input的id值可以实现点击label中包含的文字就可以在input输入框中输入内容。
表单控件是行内块元素，一行可以放多个，设置宽高生效。
给输入框设置outline:none;可以将输入框自带的输入时黑色边框给取消掉。
