2.2 HTML语言基础
2.2.1 HTML标记符基础
标记符是HTML语言中一些定义网页内容格式和显示的指令，而标记符的属性用于进一步控制网页内容的显示效果。HTML基本的语法比较简单，所有的标记行都是用尖括号<>括起来的，例如：<font>标记符。
1．双标记
语法格式：<标记>内容</标记>
HTML中绝大多数的标记符都是成对出现的，包括开始标记符和结束标记符。成对标记符之间的内容就是该标记符作用的区域。结束标记符和开始标记符的区别就是多了一条斜线。例如：<p>和</p>，其中<p>为开始标记符，</p>为结束标记符。双标记可能多层嵌套，如在<p></p>标记对中可以嵌套<div></div>标记对或其他标记对，在多个嵌套中，一个标记对的结束标记对最近一个标记对开始标记配对。应该注意的是，标记对不能交叉。
2．单标记
语法格式：<标记/>
但是也有一些标记符是单独的标记符，它们没有结束标记符。例如水平线标记符<hr>、断行标记符<br>等。
提示
在Dreamweaver CS6中输入后半个尖括号时会自动弹出/。
HTML标记符是不区分大小写的，但为了便于阅读，通常采用一致的大小写（本书中所有的标记符都用小写）。另外，在HTML中没有语句行的概念，也就是说，所有的标记符和内容都可以位于一行中。浏览器会根据不同的标记符进行解释显示。当然，通常情况下为了使HTML文档更容易阅读，建议采用合理的分段和缩进等格式（这些格式不影响网页的显示效果）。
2.2.2 HTML标记符属性
所谓属性就是指用来描述对象特征的特性。例如，内存的大小、CPU的速度、硬盘的大小，这些特性就是描述计算机对象的属性。HTML对页面内容的详细控制，实际上是通过设置标记符的属性来完成的。所以说，学习HTML语法，一方面是学习各种标记符；另一方面就是学习针对各种标记符的具体属性。
在HTML中，标记符的所有属性都放置在开始标记的尖括号里，属性与标记之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为：
标记 属性1=属性值1 属性2=属性值2 …>受影响的内容<／标记>
例如：可以用段落标记符P的对齐属性来指定文字的对齐方式，源代码如下：
<p align="center">本段方字显示为水平居中</p>
如果一个标记符有多个属性，那么不同属性之间应该用空格隔开，例如：
<font size="1" color="red">本段文字将显示为红色小字体。
(这里的属性值引号可省略)
HTML属性通常也不区分大小写。
提示
在书写HTML代码时，有些内容可省略，但千万别随便省略，否则有可能会产生意想不到的错误。
2.2.3 HTML的基本结构
HTML文件就是由各种HTML元素和标签组成的。一个HTML文件的基本结构如下：
<html> 网页文件开始标记 <head> 头部开始标记 … 头部内容 </head> 头部结束标记 <body> 主体开始标记 … 主体内容 </body> 主体结束标记 </html> 网页文件结束标记
不难发现，一个HTML文档主要由两个部分组成：标记符<head>和</head>之间的内容构成的头部分，而标记符<body>和</body>之间的内容构成了文档的主体部分，这两部分内容都包含在<html> 和</html> 之间。
1．html
语法：
<html> </html>
说明：<html>标记符标志着HTML文件的开始，而</html>标记符则标志着HTML文件的结束。Web页面中其他所有的页面内容都放在这两上标记符之间。HTML标记符没有任何属性。虽然标记符可以省略（因为文件的后缀已经表明该文件是一个HTML文件），但为了使网页结构完整，建议包含该标记符。
2．head
语法：
head> </head>
说明：一般将head称为头部标记符，或者首部标记符。该标记符中不包含Web的任何内容，只提供一些与Web页面有关的特定信息。例如，可以在头部标记符中定义样式表或插入脚本语言等。Head标记符中也可以包含其他标记符，例如标题标记符title、样式表标记符style和脚本标记语言script等。
3．title
语法：
<title> </title>
说明：title标记符是头部标记符中最常用、最基本的标记符之一，它用于设置网页的标题。标记符<title>和</title>之间的内容就是网页的标题。网页的标题一般显示在浏览器顶部的标题栏中，也可以被浏览器作为书签和收藏清单。例如，图2-2显示了标记符的作用，代码如下：
图 2-2
<html> <head> <title>这是网页的标题 </title> </head> <body> 测试网页标题标记title的示例。 </body> </html>
4．body
语法：
<body> </body>
说明：标记符<body>和</body>构成了网页的主体，网页的所有内容、文字、图形、链接，以及其他页面元素都包含在该标记符内。body标记符中主要包含与页面整体效果有关的一些属性。如：background:定义网页的背景图案。bgcolor:定义网页的背景颜色，默认值是白色。Text：定义网页中文字的颜色，默认值是黑色。Link：定义网页中超链接的颜色，默认值是蓝色。Alink：定义网页中前被选中的超链接的颜色，默认值是红色。Vlink：定义网页中已经被访问的超链接的颜色，默认值是紫色。例如：
<BODY BGCOLOR=#RRGGBB>：使用<BODY>标记中的BGCOLOR属性，可以设置网页的背景颜色。使用的格式有以下两种：
<BODY BGCOLOR=#RRGGBB>
<BODY BGCOLOR=颜色的英文名称>
在第一种格式中，RR、GG、BB可以分别取值为00～FF的十六进制数。RR、GG、BB分别用来表示颜色中的红色、绿色和蓝色成分的多少，数值越大，颜色越深。红、绿、蓝三色按一定比例混合，可以得到各种颜色。
例如，RR =FF，GG=FF，BB=00，表示为黄色。如果RRGGBB取值为000000，则为黑色；RRGGBB取值为FFFFFF，则为白色；RRGGBB取值为FF8888， 则为浅红色。
第二种格式是直接使用颜色的英文名称来设定网页的背景颜色。例如：
<BODY BGCOLOR=blue>：用来设置网页的背景颜色为蓝色。
<BODY BGCOLOR=red>：用来设置网页的背景颜色为红色。
<BODY BGCOLOR=white>：用来设置网页的背景颜色为白色。