CH推荐HTML入门教程

该例在浏览器中将显示如下：

表格边框的厚度是以象素（pixels）（参见第九课）为单位来指定的。

与设定图像的显示宽度类似，象素和屏幕百分比也可以用于设定表格宽度：

例4：

<table border="1" width="30%">

该例将在浏览器中显示一个表格，其宽度是屏幕宽度的30％，你可以自己试一下。

表格还有其它属性吗？

表格有很多属性，比如下面这两个：

• align：指定整个表格、某行或某个单元格里内容的水平对齐方式，比如左对齐、居中或右对齐。
• valign：指定某个单元格里内容的垂直对齐方式，比如靠上、置中或靠下。

例5：

<td align="right" valign="top">单元格1</td>

可以往表格中插入什么？

理论上，你可以往表格中插入任何东西，诸如文本（text）、链接(links)和图像(images)等等。但是，表格是用来显示表列数据的 （也就是那些以行和列显示来体现意义的数据），因此，不要仅仅因为你想把某些内容放在一起而使用表格。

在因特网的初期（也就是几年以前），表格经常被用作网页布局的工具。但是，如果你要控制文本和图像的显示，还有更酷的方式（提示：即CSS），有关内容将在后面作详细介绍。

现在，该是你动手实践刚才所学内容的时候了，试试看设计几个具有不同尺寸、属性和内容的表格。这也许要令你忙上几个小时。

第11课：表格的高级特性

“表格的高级特性”这一标题听起来可能感觉挺枯燥的。但从积极的一面看，当你精通表格后，就再也没有其他有关HTML的内容能难住你了。

表格还有哪些相关属性？

colspan和rowspan这两个属性用于创建特殊的表格。

colspan是“column span（跨列）”的缩写。colspan属性用在<td>标签中，用来指定单元格横向跨越的列数：

例1：

<table border="1">

<tr>

<td colspan="3">单元格1</td>

</tr>

<tr>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

</tr>

</table>

该例在浏览器中将显示如下：

该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”，则该单元格将只跨越两列，于是有必要在第一行插入另外一个单元格，以确保两行占据相同的列数。

例2：

<table border="1">

<tr>

<td colspan="2">单元格1</td>

<td>单元格2</td>

</tr>

<tr>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

</table>




 

 
共36页: 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] 30 [31] [32] [33] [34] [35] [36] 下一页