HTML 布局

HTML 布局


网页布局对改善网站的外观非常重要。

请慎重设计您的网页布局。


Examples

在线实例

使用 <div> 元素的网页布局
如何使用 <div> 元素添加布局。

使用 <table> 元素的网页布局
如何使用 <table> 元素添加布局。


网站布局

大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。

大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。

lamp虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。

HTML 布局 - 使用<div> 元素

div 元素是用于分组 HTML 元素的块级元素。

下面的例子使用五个 div 元素来创建多列布局:

分类HTML教程手册相关推荐:

HTML教程导读- (HTML5 标准) HTML简介 HTML编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 头部 HTML 样式-CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单和输入 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML 链接 HTML URL HTML 速查列表 HTML 学习总结