HTML—表格、列表、表单

【前言】

今天来总结一下有关html的三个表的相关知识。

【内容】

1.表格、列表、表单分别是用来做什么的？

如图：

2.表格

定义：用来显示、展示表格式数据，可以让数据显示的非常的规整，可读性非常好。

语法如下：

<table>

        <tr>

                <td>单元格内的文字</td>

                ......

        </tr>

</table>

说明：

共包含三对HTML标签，分别是table、tr、td，是创建表格的基本标签，缺一不可。

table：用于定义一个表格标签。

tr：用于定义表格中的行，必须嵌套在table标签中。

td：用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。

（1）表格属性

（2）表头单元格标签th

作用：一般表头单元格位于表格的第一行或第一列，并且文本加粗居中。

语法：只需要表头标签<th></th>替代相应的单元格标签<td></td>即可。

th与td：都是一个单元格，不同的是，th会让自己里面的文字居中并且加粗。

（3）表头标题caption

定义表格标题，通常这个标题会被居中并且显示于表格之上。

语法如下：

<table>

        <caption>我是表格标题</caption>

</table>

说明：

caption标签必须紧随table标签之后，并且这个标签只存在表格里面才有意义。

（4）合并单元格

两种形式：

跨行合并与跨列合并

跨行合并：rowspan="合并单元格的人数"

跨列合并：colspan="合并单元格的人数"

合并单元格顺序：

按照先上后下、先左后右的顺序。

合并单元格三步曲：

1）先确定是跨行还是跨列合并。

2）根据先上后下、先左后右的原则找到目标单元格，然后写上合并方式和要合并的单元格数量。

例如：<td colspan="3"></td>

3）删除多余的单元格。

（5）表格划分结构

对于比较复杂的表格，表格的结构也就相对复杂了，所以又将表格分割