![网站建设与管理](https://wfqqreader-1252317822.image.myqcloud.com/cover/860/31621860/b_31621860.jpg)
上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所示。
![](https://epubservercos.yuewen.com/9C9405/17122289005843206/epubprivate/OEBPS/Images/txt002_14.jpg?sign=1739292915-0Zddd0H6aye3liVZlvbG3oJIxOOKN6X2-0-45a5f1046be880db745ff5d44745cbc9)
图2-6 基础型
![](https://epubservercos.yuewen.com/9C9405/17122289005843206/epubprivate/OEBPS/Images/txt002_13.jpg?sign=1739292915-WC6E1e4fDxsmsf9IdvnMhchBM6br0Huz-0-c6f9e56a2652a7830751b27b80392084)
又如:(加强型)增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。
![](https://epubservercos.yuewen.com/9C9405/17122289005843206/epubprivate/OEBPS/Images/txt002_15.jpg?sign=1739292915-7yHy9K6dTkZQRsdnK68SpZfAWjApVvnn-0-3f01e8a597f2214e37233840e1a72083)
浏览效果如图2-7所示。
![](https://epubservercos.yuewen.com/9C9405/17122289005843206/epubprivate/OEBPS/Images/txt002_16.jpg?sign=1739292915-mZtpygCWn1lN4vLQW63h8KXvbBygYOc2-0-8f88a151a60b7df5d1a39c3666138046)
图2-7 浏览表格效果