对齐和单元格填充
默认情况下,表格内所有单元格内容(表格标题除外)垂直居中并左对齐。要以不同方式对齐单元格内容,请在 <td>、<th> 或 <tr> 标签内应用以下标签
对于水平对齐,值可以是 left(左对齐)、right(右对齐)或 center(居中)
广告
示例:<tr align="center">
对于垂直对齐,值可以是 top(顶部)、bottom(底部)或 middle(居中)
示例:<td valign="top">
您还可以调整整个表格的对齐方式,以决定它在页面上的显示位置。通过在初始的 "table" 标签内插入 <align="right"> 或 <align="left"> 标签,文本将围绕表格所在的位置环绕。或者,如果您希望表格独立显示而没有任何环绕文本,请在整个表格的前后使用“分区对齐”标签。
单元格跨度
“跨度”是指一个单元格跨越表格中的两个或更多其他单元格。
对于列跨度,<colspan=value> 标签放置在适用的 <td> 标签内。以下是一个代码示例
<table border=1> <tr><td colspan=2>This cell spans over two columns </td> <td>This cell spans over one column </td> </tr> <tr align="center"> <td>A </td> <td>B </td> <td>C </td> </tr> </table>
对于行跨度,<rowspan=value> 标签放置在适用的 <td> 标签内。例如
<table border=1> <tr><td rowspan=2>This cell spans over two rows </td> <td>A</td><td>B</td></tr><tr><td>C</td><td>D</td> </tr> </table>
您还可以在表格中应用我们在上一章中学到的许多属性,例如字体大小、类型和颜色、插入图像、创建列表和添加链接。只需在您想要格式化的特定单元格的标签之后,添加相应的标签即可。
尝试并练习本文中学到的各种工具和标签。在网页中使用表格时,创意可能性是无限的。堆叠图像和无边框彩色框以创建无缝设计,或将无边框表格嵌套在无边框表格中(有些带颜色,有些不带颜色),以创建引人注目的布局。通过一点想象力、创造力和表格的使用,网页设计的局限性得以拓展。