HTML基础教程 表格

HTML基础教程

表格


基本格式
三行三列表格
例：

网页形态

tr和/tr表示单元格中的行数
td和/td表示单元格中的列数，其中包含的内容则表示单元格中的内容

th和/th为表格添加标题行
例：

网页形态

colspan 元素横向合并单元格
使用格式为
td或th colspan=“横向合并单元格的格数” /td或/th
例1：

网页形态1

在例1的基础上再在第三行合并两格的例2:

网页形态2

rowspan元素纵向合并单元格
使用格式为
td或th rowspan=“纵向合并单元格格数” /td或/th
例1：

网页形态1

在例1的基础上再在第三列合并两格的例2:

网页形态2

caption元素给表格添加标题
使用格式为
caption表格标题/caption
在纵向合并单元格例2的基础上添加表格标题
例：

网页形态

thead tfoot tbaody 三个元素
thead表格的表头
tfoot表格的页脚
tbaody表格的主体
表格的标准形态需要这三个元素
不用这三个元素做出来的表格和用了之后的网页形态一样
例：

网页形态