
上QQ阅读APP看书,第一时间看更新
1.5 HTML表格
表格由<table>标签来定义。每个表格均有若干行,由<tr>标签定义,每行被分割为若干单元格。字母td指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。
例1-13:

在浏览器中显示如下:

1.5.1 表格和边框属性
如果不定义边框属性,表格将不显示边框,但是大多数时候还是希望显示边框的。以下代码使用边框属性来显示一个带有边框的表格:

1.5.2 表格的表头
使用<th>标签定义表头。大多数浏览器会把表头显示为粗体居中的文本。
例1-14:


在浏览器中显示如下:

1.5.3 跨行或跨列的表格单元格
colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span(跨列)”的缩写,它用在td标签中,用来指定单元格横向跨越的列数。rowspan属性也用在td标签中,指定单元格纵向跨越的行数。
例1-15:

