CH推荐HTML入门教程

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

rowspan是什么？

可能你已经猜到，rowspan的作用是指定单元格纵向跨越的行数。

例3：

<table border="1">

<tr>

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

<td>单元格2</td>

</tr>

<tr>

<td>单元格3</td>

</tr>

<tr>

<td>单元格4</td>

</tr>

</table>

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

上例中的单元格1，其rowspan被设为“3”，这表示该单元格必须跨越三行（本身一行，加上另外两行）。因此，单元格1和单元格2在同一行，而单元格3和单元格4形成独立的两行。

感觉有些迷糊？这确实比较复杂，而且容易出错。因此，在进行HTML编码之前，你最好先在纸上把表格设计好。

明白了？那么你就自己试着用colspan和rowspan来创建几个表格吧。

第12课：页面布局（CSS）

如果能为页面实现理想的布局，岂不妙哉？

是啊，但如何实现呢？

你可以使用级联样式表（Cascading Style Sheets，简称CSS）为网站设计页面布局。本课将对CSS作简单介绍。如需从头开始全面学习CSS知识，可以使用我们提供的CSS教程。因此，请将本课当作CSS的预备课。

CSS是HTML的搭档。在编码过程中，它们发挥不同的作用：HTML负责网页的具体内容（结构），而CSS则修饰网页的表现形式（布局）。

正如第7课所讲， 可以用style属性将CSS内联到网页中。例如，你可以采用下面的方法来设置文字的字体类型和大小：

例1：

<p style="font-size:20px;">这里的文字大小为20</p>

<p style="font-family:黑体;">这里的文字字体为黑体</p>

<p style="font-size:20px; font-family:黑体;">这里是文字大小为20、采用黑体的文字</p>

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

在上例中，我们使用了style属性来指定字体类型（font-family）和字体大小（font-size）。在最后一段中，我们同时进行了字体类型与字体大小的设置，请注意用分号将它们隔开。

页面布局似乎挺繁琐的？

CSS有一个优越的特性，即它可以对页面布局进行集中管理。也就是说，你不必在每个标签里都使用
共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] 下一页