【HTML】关于表格<Table>属下的冷门标签_html table 显示下级-CSDN博客

本文链接：https://blog.csdn.net/yongh701/article/details/40191535

如下的页面很简单，刚刚学习过HTML编程的人，也能很轻易地写出来

但是，这个页面完全可以用<Table>属下的冷门标签写出来

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Table</title>
</head>
<body>
<table frame="void" align="center" width="80%" style="font-size:16px">
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td colspan="3" align="center">合并</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>
</body>
</html>

居中的表格标题可以用<caption>标签来编写，对比于修改字体，这样能让代码更具有条理，也能够使HTML明确此乃表格的一部分

同时<caption>标签内还可以加入任意的CSS样式，如下说明的标签同样如此，下同，不再赘述

<th>与<caption>的道理是一样的，对比于修改字体，这样能让HTML明确此乃表头。

但是，这样写出来的表格字体很小，因为HTML的默认字体本来就很小，所以要在table同加入style设置其字号大小。

至于关于列合并标签<colspan>与行合并标签<rowspan>，如果一个<tr>里面，存在着一个数值为n的<colspan>标签，其<td>标签就要少n-1个，如果存在着数值为t的<rowspan>标签，其后的t-1个<tr>中，<td>标签就要自然而然地少1个。