【前言】
今天来总结一下有关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)删除多余的单元格。