
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.4 HTML表格
表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使页面有很多意想不到的效果,使页面更加整齐美观。
1.常用表格标记
<table>...</table>:表格指令。
其相关属性如下。
①align:调整。
②bgcolor:背景颜色。
③border:边框。
④height:高度。
⑤width:宽度。
<caption>...</caption>:表格标题。
其相关属性如下。
align:调整。
<tr>...</tr>:表格列(</tr>可省略)。
其相关属性如下。
align:调整。
<th>...</th>:表格栏标题(表头)粗体字(</th>可省略)。
其相关属性如下。
①align:调整。
②colspan:栏宽。
③rowspan:栏高。
<td>...</td>:表格栏资料(存储格)(</td>可省略)。
其相关属性如下。
①align:调整。
②bgcolor:背景颜色。
③height:高度。
④width:宽度。
⑤colspan:栏宽。
⑥rowspan:栏高。
2.举例
例如:(基础型),结果如图2-6所示。

图2-6 基础型

又如:(加强型)增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。

浏览效果如图2-7所示。

图2-7 浏览表格效果