网页的基本结构

一个网页实际上对应于一个HTML文件，通常以.htm或.html为扩展名。任何HTML文档都包含的基本标记包括：HTML标记〈html〉和〈/html〉、首部标记〈head〉和〈/head〉以及正文标记〈body〉和〈/body〉。

1.html标记

〈html〉和〈/html〉是网页的第一个和最后一个标记，网页的其他所有内容都位于这两个标记之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件是一个网页。

虽然HTML标记的开始标记和结束标记都可以省略（因为.htm或.html扩展名已经告诉浏览器该文档为HTML文档），但为了保持完整的网页结构，建议包含该标记。另外，HTML标记通常不包含任何属性。

2.head标记

首部标记〈head〉和〈/head〉位于网页的开头，其中不包括网页的任何实际内容，而是提供一些与网页有关的特定信息。例如，可以在首部标记中设置网页的标题、定义样式表、插入脚本等。

首部标记中的内容也用相应的标记括起来。例如，样式表（CSS）定义位于〈style〉和〈/style〉之间；脚本定义位于〈script〉和〈/script〉之间。

在首部标记中，最基本、最常用的标记是标题标记〈title〉和〈/title〉，用于定义网页的标题，它告诉浏览者当前访问的页面是关于什么内容的。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。

例如，以下HTML代码在浏览器中的显示如图7.8所示。

图7.8 title标记

〈html〉

〈head〉

〈title〉这里是网页标题〈/title〉

〈/head〉

〈body〉请看浏览器的标题栏。〈/body〉

〈/html〉

3.body标记

正文标记〈body〉和〈/body〉包含网页的具体内容，包括文字、图形、超链接以及其他各种HTML对象。

如果没有其他标记修饰，正文标记中的文字将以无格式的形式显示（如果浏览器窗口显示不下，则自动换行）。

在〈body〉标记中使用bgcolor属性可以为网页设置背景颜色。例如，如果想为网页设置黑色背景，应使用以下HTML语句：

〈body bgcolor=＂black＂〉

在HTML中，除了使用颜色名称以外，还可以用格式#RRGGBB来表示颜色。其中，RR、GG、BB分别表示红、绿、蓝成分的两位十六进制值。也就是说，可以通过指定颜色的红、绿、蓝含量来自定义一种颜色。例如，#0000FF表示蓝色，#800080表示紫色。

在设置了背景颜色后，可能需要更改正文字符和超链接的颜色，以便与背景相适应。例如，在将背景设置为较深的颜色时，就需要将正文颜色和超链接颜色设置为浅色。

设置正文和超链接颜色时，可以使用body标记的text、link、vlink和alink属性。其中， text属性用于设置正文的颜色；link属性用于设置未被访问的超链接的颜色；vlink用于设置已被访问过的超链接的颜色；alink用于设置活动超链接（即当前选定的超链接）的颜色。

例如，以下HTML语句将在黑色背景下显示白色字符，同时用不同程度的灰色显示不同状态的超链接：

〈body bgcolor=＂#000000＂ text=＂#FFFFFF＂ link=＂#999999＂ vlink=＂#cccccc＂ alink=＂#666666＂〉

如果不在body标记中设置背景以及字符和超链接的颜色，则浏览器将采用默认的设置。大多数浏览器使用白色作为默认的bgcolor，黑色作为默认的text色，蓝色作为默认的link色，紫色作为默认的vlink色，红色作为默认的alink色。