HTML 布局
网上随处可见像报纸一样排版成一栏一栏的HTML页面。
采用表格的布局
HTML最常见的一种用法,就是用表格来进行HTML页面布局。
本页面中的一部分被排版成两栏。 正如你所看到的,它有左边一栏和右边一栏。 本段文本显示在左边一栏。 |
本页面的一部分采用表格来实现网页分栏。
这里的技巧是,不要让表格显示出边框,另外还要留有一定的内边距(cell-padding)。 无论你往页面里添加多少文本,它都不会超越栏目边界。 |
为相同的布局增添颜色
HTML最常见的一种用法,就是用表格来进行HTML页面布局。
本页面中的一部分被排版成两栏。 正如你所看到的,它有左边一栏和右边一栏。 |
本页面的一部分采用表格来实现网页分栏。
本段文本显示在右边一栏。 这里的技巧是,不要让表格显示出边框,另外还要留有一定的内边距(cell-padding)。 无论你往页面里添加多少文本,它都不会超越栏目边界。 |
示例
将HTML页面里的一部分划分为多栏是很容易的。为了让你有一个体验,我们准备了一个简单的示例。
笑话一则
学生:请问老师,“HTML怎么拼呀?”