HTML系列教程 3.doc

HTML系列教程 3HTML 布局网络上，随处都可以看到像报纸那样的格式化分栏。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 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 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.HTML 字体HTML 字体 Previous Page Next Page 在 HTML 中，字体标签是不被支持的。一般都认为，在今后版本的 HTML 中，这个标签会被清除出去。即使很多人都在用它，我们都应该尽量避免它，而使用样式取而代之。字体标签font使用类似下面的HTML代码，你可以定义浏览器输出的尺寸和类型：This is a paragraph.This is another paragraph.TIY字体属性属性例子作用size=numbersize=2定义字体大小。size=+numbersize=+1增加字体的大小。size=-numbersize=-1减少字体的大小。face=face-nameface=Times定义字体名称。color=color-valuecolor=#eeff00定义字体颜色。color=color-namecolor=red定义字体颜色。请不要使用字体标签在最新的 HTML 版本（HTML 4 和 XHTML）中，字体标签已被废弃。万维网联盟已从其标准中删除了字体标签，在未来，样式表（CSS）将用来定义布局，以及显示 HTML 元素的属性。在何处可以学习到样式表？马上开始：把本教程完整地学习完毕！在随后的章节，我们将解释为什么类似 这样的标签会从标准中删除，以及如何在 HTML 文档中插入样式表。学习更多关于样式表的知识：学习我们的 CSS 教程。为什么使用 HTML4.0？HTML 3.2 真的是特别糟糕！最初的 HTML 绝没有打算要包含支持格式化文档的标签。HTML 标签原打算用于定义文档的的内容。This is a paragraphThis is a heading当诸如 这样的标签和 color 属性被加入 HTML3.2 的规范当中，它开始成为开发者的一场噩梦。那些不得不将字体和文字信息添加到每个单一网页的站点，其开发过程最终变成了漫长、昂贵和极其痛苦的过程。HTML4.0 的优秀特性通过使用 HTML4.0，所有的格式化信息都可以从 HTML 文件中剥离，并植入一个独立的样式表。因为 HTML4.0 将文档的表现与其结构分离，我们从而得到了我们一直需要的东西：在不把文档内容搞糟的情况下，对表现层进行完全的控制。我们应该做些什么？停止在 HTML 标签内部使用表现样式属性。我们的完整的 HTML 标签参考手册对 HTML4.0 标签和属性进行了简要的说明。请同时参阅我们的 CSS 教程，开始您崭新的开发生涯吧。为 XHTML 做好准备XHTML 是新的 HTML。你现在就应该为此做好准备。而您可以做的最重要的事情就是开始编写正确的 HTML4.01 代码。并且使用小写字母编写标签。记得关闭标签。决不要在没有 标签的情况下结束一个段落。提示：官方的 HTML4.01 标准推荐使用小写的标签。如果您希望学习如何将站点升级至 XHTML，请阅读我们的 XHTML 教程。验证 HTML文件HTML 文档是根据文档类型声明进行验证的。如果希望 HTML 文件被正确地验证，就要将恰当的 DTD 添加到文件的第一行。HTML 4.01 Strict DTD 包含没有被反对使用或者不出现在框架中的元素和属性：HTML 4.01 Transitional DTD 包含 strict DTD 中所有的内容，外加被反对使用的元素和属性：HTML 4.01 Frameset DTD 包含 transitional DTD 中所有的内容，外加对框架的支持：HTML 样式通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。如何使用样式当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。内部样式表当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 标签定义内部样式表。body background-color: redp margin-left: 20px内联样式当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。This is a paragraph访问我们的 CSS 教程，学习更多有关样式的知识。标签描述定义样式定义。定义资源引用。定义文档中的节或区域（块级）。定义文档中的行内的小块或区域。规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。定义基准字体。不赞成使用。请使用样式。对文本进行水平居中。不赞成使用。请使用样式。头元素头元素包含关于文档的概要信息，也称为元信息（meta-information）。Meta 意为“关于某方面的信息”。可以这么说，元数据（meta-data）是关于数据的信息，而元信息是关于信息的信息。头元素内的信息头元素内的元素不会被浏览器显示出来。根据 HTML 标准，仅有几个标签在 HTML 的头部分是合法的。它们是：, , , , 和 。这是一个不合法的结构： This is some text在这个案例中，浏览器有两种选择： 显示文本，因为它在段落元素中。 隐藏文本，因为它