或元素来创建多个列。 CSS 用于定位元素或为页面创建背景和丰富的色调外观。
(尽管我们可以使用HTML表格标签来设计漂亮的布局html5 布局实例html5 布局实例,但不建议使用表格标签作为布局工具——表格不是布局工具)
HTML 布局 - 使用
元素
div 元素是用于对 HTML 元素进行分组的块级元素。
以下示例使用五个 div 元素来创建多列布局:
例子
Main Title of Web Page
Menu
HTML
CSS
JavaScriptContent goes hereCopyright © W3Schools.com
里面的 HTML 代码将产生以下结果:
网页主标题
Menu HTML CSS JavaScript
Content goes here
Copyright © W3CSchool.cc
HTML 布局 - 使用表格
使用 HTML 标签是创建布局的简单方法。
大多数网站上都有
或元素来创建多个列。 CSS 用于定位元素或为页面创建背景和丰富的色调外观。
(虽然 HTML 表格可用于创建漂亮的布局,但表格旨在呈现表格数据 - 表格不是布局工具)
示例 下面的示例使用一个包含三行和两列的表 - 第一行和最后一行使用 colspan 属性来跨越两列:
Main Title of Web Page |
|
Menu HTML CSS JavaScript |
Content goes here |
Copyright © www.5ibc.net |
里面的 HTML 代码将产生以下结果:
网页主标题
菜单HTML
CSS
JavaScript
内容在这里