您的位置: 首页 > 软件教程 > HTML教程专题 > HTML 布局

HTML 布局

7.2分
出处:网络 时间:2011-04-22

您可能感兴趣的话题: HTML  

核心提示:在网络上,随处都可以看到像报纸那样的格式化分栏。

在网络上,随处都可以看到像报纸那样的格式化分栏。

 

HTML布局 - 使用表格

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.

A part of this page is formatted with two columns, like a newspaper page.

As you can see on this page, there is a left column and a right column.

This text is displayed in the left column.

An HTML <table> is used to divide a part of this Web page into two columns.

The trick is to use a table without borders, and maybe a little extra cell-padding.

No matter how much text you add to this page, it will stay inside its column borders.

同样的布局 - 添加了颜色

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.

A part of this page is formatted with two columns, like a newspaper page.

As you can see at this page, there is a left column and a right column.

An HTML <table> is used to divide a part of this Web page into two columns.

This text is displayed in the right column.

The trick is to use a table without borders, and maybe a little extra cell-padding.

No matter how much text you add to this page, it will stay inside its column borders.

网友评论
多特网友 2012-12-06 14:54:02 回复
我想看的是怎么做,而不是介绍
多特网友 2012-04-05 09:23:31 回复
没代码,就是个示范吗
多特网友 2012-04-05 09:23:31 回复
没代码,就是个示范吗
多特网友 2012-12-06 14:54:02 回复
我想看的是怎么做,而不是介绍
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]