HTML教程 05第五章

2026/4/29 4:25:09

5.4 标记

标记的常用语法格式为：

可以看出，的很多属性和

、的相应属性是一样的。所不同的是，

、的各个属性，设置的是整个表格或某一行的显示情况，而

属性只用于设置相应单元格的显示情况。当

属性值的设置和、的同名属性值不同时，一般以中已经设置了行的高度height属性值，则在行的中设置的不同，以中设置的行高为准，除非该行的所有单元格都设置了同一个height属性值。

第一个单元格跨两行，即它和下面一行的相应单元格合并为一个单元格；第二个单元格跨三行，即本来和下面三列对应的三个单元格合并为一个单元格。这在图中显示得很清楚，请读者仔细体会它们的用法，这是制作复杂表格必须用到的关键属性。

在本例中的第二个表格中只有一行，它的第一个单元格是这样定义的：

在这里，因为单元格内容不是50%表格宽度所能容纳得下的，并且不能折行显示（使用了nowrap属性），所以该单元格只能适当延伸。请对比第一个表格的相应行，读者可以更清楚地看到nowrap的作用。【例6】colspan、rowspan属性的进一步使用。

为了更好地理解和掌握colspan、rowspan属性，我们再看一个例题：做出如下图所示的表格，重点是表格结构，而颜色、宽度、高度等属性可以适当设置。

图要制作的表格

下面的参考代码是上面表格的具体实现。为便于读者阅读，在代码中加了一些注释。

itsway -- 表格

属性值为准。但也有例外，例如，在

中设置的行高height值如果和

标记的一些和或不同的属性的意义如下： ? colspan：该单元格在水平方向上跨的列数，默认为1。

? rowspan：该单元格在垂直方向上跨的行数，默认为1。colspan和rowspan是为制作复杂表格准备的，具

体使用见例子。

? nowrap：如果单元格格中的内容超过了单元格的宽度，则用此属性禁止内容折行显示。【例5】

标记的进一步使用。

itsway -- 表格

height = \>单元格设置的行高被屏蔽

苗人凤

在IE中的显示效果如下图所示。图 IE的浏览结果

在Firefox中的显示效果如下图所示。 49

在本例中的第一个表格的第一行的两个单元格是这样定义的：

学生成绩表

科目

打遍天下无敌手----金面佛苗人凤

-->

HTML教程 05第五章.doc 将本文的Word文档下载到电脑

搜索更多关于： HTML教程 05第五章的文档