HTML基础教程

HTML 教程首页
HTML 简介
HTML 入门
HTML 基础
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 排版
HTML 样式
HTML 链接
HTML 图像
HTML 表格
HTML 列表
HTML 表单
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML 速查手册

HTML高级教程

HTML 布局
HTML 框架
HTML 字体
HTML 4.0
HTML CSS
HTML 实体
HTML 报头
HTML 元信息
HTML URLs
HTML 脚本
HTML 属性
HTML 事件
HTML URL编码
HTML Web服务器
HTML 总结

HTML示例

HTML 示例
HTML 测验
HTML 认证

HTML参考手册

HTML 标签列表
HTML 属性
HTML 事件
HTML 颜色名
HTML 取色器
HTML 混色器
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL编码
HTML 语言代码
HTTP 状态代码

HTML布局

« 上一章 下一章 »

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


采用表格的布局

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

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

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

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

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

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

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



为相同的布局增添颜色

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

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

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

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

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

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

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



示例

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


笑话一则

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


« 上一章 下一章 »


 




宏飞网络是你学习web开发、测试web程序实例、和培养职业技能的首选网站。我们提供例子也许有些简单,但对理解基本概念有帮助。

我们尽量避免在教程、参考及例子中出现错误,但不能保证所有的内容都是正确的。

你使用本网站时,我们默认你已经阅读并接受了我们的隐私政策。

Copyright 2003-2011宏飞网络 版权所有