HTML 布局


网上随处可见像报纸一样排版成一栏一栏的HTML页面。


采用表格的布局

HTML最常见的一种用法,就是用表格来进行HTML页面布局。

本页面中的一部分被排版成两栏。

正如你所看到的,它有左边一栏和右边一栏。

本段文本显示在左边一栏。

本页面的一部分采用表格来实现网页分栏。

这里的技巧是,不要让表格显示出边框,另外还要留有一定的内边距(cell-padding)。

无论你往页面里添加多少文本,它都不会超越栏目边界。



为相同的布局增添颜色

HTML最常见的一种用法,就是用表格来进行HTML页面布局。

本页面中的一部分被排版成两栏。

正如你所看到的,它有左边一栏和右边一栏。

本页面的一部分采用表格来实现网页分栏。

本段文本显示在右边一栏。

这里的技巧是,不要让表格显示出边框,另外还要留有一定的内边距(cell-padding)。

无论你往页面里添加多少文本,它都不会超越栏目边界。



示例

将HTML页面里的一部分划分为多栏是很容易的。为了让你有一个体验,我们准备了一个简单的示例


笑话一则

学生:请问老师,“HTML怎么拼呀?”

粤ICP备11097351号-1