当前位置: 首页 > 网络学院 > 网页制作基础教程 > HTML > HTML 布局

HTML
HTML Head
HTML Meta
HTML URLs
HTML Scripts
HTML 属性
HTML 事件
HTML URL-encode
HTML Web服务器
HTML 摘要
HTML 实例
标签列表
标准属性
事件属性
ASCII码
特殊字符
HTTP状态消息

HTML 布局


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 945 ::
收藏到网摘: n/a

Everywhere on the Web you will find pages that are formatted like newspaper pages using HTML columns.
在WEB上不论在哪你会发现页面被HTML列排成像报纸一样。


HTML Layout - Using Tables
HTML布局-用表格

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.
使用HTML里一个非常普通的就是用HTML表格去给页面排版。

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.
<table>用来将这个页分成两列。

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.
无论你在这个页添加多少文字,它始终保持在这个列中。



Same Layout - Color Added
一样的布局-添加颜色的

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.
使用HTML里一个非常普通的就是用HTML表格去给页面排版。

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.
<table>用来将这个页分成两列。

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.
无论你在这个页添加多少文字,它始终保持在这个列中。



Examples
例子

Dividing a part of an HTML page into table columns is very easy to do. To let you experiment with it, we have put together this simple example.
HTML页划分成表格列很简单。这个例子就是让你练习的。


HTML Joke
笑话

Student: "How do you spell HTML?"
学生:"HTML怎么拼写?"

评论 (0) All

登陆 | 还没注册?