网站建设与管理
上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 浏览表格效果