HTML标签总结

表格

表格标签：
table ：表格标签，用于包含多个 tr
thead：结构标签，表格的头部
tbody：结构标签，表格的主体
th：表头中的单元格，可以存放内容
tr ：定义表格中的行，用于包含多个 td
td ：定义表格中的单元格，用于存放单元格内容

先放一段表格代码：

    <table align="center" border="1" cellpadding="5" cellspacing="0" width="500" height="200">
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>18</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>19</td>
        </tr>
        <tr>
            <td>王五六</td>
            <td>女</td>
            <td>21</td>
        </tr>
    </table>

要点总结：

1. 表格的作用是显示和展示数据，不用于其他。
2. 表格属性要写在table标签里 。
3. 表头单元格用于表格的第一行，使单元格内容加粗居中显示。
   表格的相关属性
   

案例：制作小说排行榜

合并单元格三步骤：

1. 明确合并方式（跨行 / 跨列）；
2. 找到目标单元格 td 增加合并单元格属性 ；
   跨行 rowspan=“x” （纵向）；
   跨列 colspan=“y” （横向）；
3. 删除多余的单元格。

列表

有序列表ol 语法：

<ol>
	<li>列表项内容</li> 
	<li>列表项内容</li>
	<li>列表项内容</li> 
	  ... 
</ol>

无序列表ul 语法：

<ul>   
	<li>列表项内容</li> 
 	<li>列表项内容</li>   
 	<li>列表项内容</li>  
 	 ... 
</ul>

自定义列表dl 语法：

<dl>   
	<dt></dt>   
	<dd>     ...   </dd>  
	<dt></dt>   
	<dd>     ...   </dd>
</dl>

表单

三类表单控件

1. input 输入
2. select 选择
3. textarea 文本域