› 理论教育 ›DreamweaverCS6中文版教程：文档结构标记实例

DreamweaverCS6中文版教程：文档结构标记实例

更新时间：2025-09-11 理论教育 版权反馈
【摘要】：标记是HTML文档的开始和结束标记，HTML文档中所有的内容都应该在这两个标记之间。和标记位于HTML文档的头部，即位于和标记之间。用于定义HTML文档的正文部分，通常在标记之后，而在标记之前。标记有6个常用的可选属性，主要用于控制文档的基本特征，如背景颜色等。HTML5添加了一些新元素专门用来标识常见的结构：◆section：可以是书中的一章或一节，实际上是在HTML4中有自己标题的任何东西。

1.<html>标记

<html>…</html>标记是HTML文档的开始和结束标记，HTML文档中所有的内容都应该在这两个标记之间。一个HTML文档非注释代码总是以<html>开始以</html>结束。

2.<head>标记

<head>…</head>标记一般位于文档的头部，用于包含当前文档的有关信息，例如标题和关键字等。通常将这两个标记之间的内容统称作HTML的“头部”。位于头部的内容一般不会在网页上直接显示，而是通过另外的方式起作用。例如，标题是在HTML的头部定义的，它不会显示在网页上，但是会出现在网页的标题栏上。

3.<title>标记

<title>…</title>标记用于设置HTML文档标题。在浏览网页时，标题文字出现在浏览器的标题栏上。<title>和</title>标记位于HTML文档的头部，即位于<head>和</head>标记之间。

4.<body>标记

<body>…</body>用于定义HTML文档的正文部分，通常在</head>标记之后，而在</html>标记之前。所有出现在网页上的正文内容都应该写在这两个标记之间。

<body>标记有6个常用的可选属性，主要用于控制文档的基本特征，如背景颜色等。各个属性介绍如下：

◆background：该属性用于为文档指定一幅图像作为背景。

◆text：该属性用于定义文档中文本的默认颜色，也即文本的前景色。

◆link：该属性用于定义文档中一个未被访问过的超级链接的文本颜色。(https://www.daowen.com)

◆alink：该属性用于定义文档中一个正在打开的超级链接的文本颜色。其中color是颜色的数值。

◆vlink：该属性用于定义文档中一个已经被访问过的超级链接的文本颜色。

◆bgcolor：该属性定义文档的背景颜色。

例如，希望将文档的背景颜色设置为绿色，文本颜色设置为黑色，未访问超级链接的文本颜色设置为白色，已访问超级链接的文本颜色设置为黄色，正在访问的超级链接的文本颜色设置为紫红色，则可以使用如下的<body>标记：

<bodybgcolor="green"text="black"link="white"alink="red"vlink="yellow">

由于缺少结构，即使是形式良好的HTML4页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的div元素来表示。HTML5添加了一些新元素专门用来标识常见的结构：

◆section：可以是书中的一章或一节，实际上是在HTML4中有自己标题的任何东西。

◆header：页面上显示的页眉；与head元素不一样。

◆footer：页脚，可以显示电子邮件中的签名。

◆nav：导航标签，指向其他页面的一组链接。

◆article：blog、杂志、文章汇编等中的一篇文章。

免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。

我要反馈

相关文章