如下的页面很简单,刚刚学习过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个。