文档介绍：知识目标
● 了解HTML的基本结构；
● 掌握HTML的常用标签。
技能目标
● 熟练使用HTML中的各种标签；
● 能够独立编写HTML网页。
HTML（hyper text mark-up language）即超文本标记语言，是构成网页最基本的要素，也是Web应用程序开发的基础。近年来，虽然随着计算机信息技术的进步，产生了DHTML和XML等语言，此外还涌现了许多功能强大的、所见即所得的网页设计工具，如FrontPage和Dreamweaver等，然而它们仍然构建在HTML基础之上。事实上，目前HTML的功能是不可替代的，网页设计和Web应用程序的开发者，应该很好地掌握HTML。
第一节 HTML简介
HTML是一种结构化的网页内容标签语言，使用各种不同的标签符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标签、结束标签以及夹在这两个标签中的内容所组成。每个HTML元素的开始标签和结束标签的名称相同，并且都用一对尖括号“< >”括起来，只是在结束标签的前面多了一个“/”斜杠符号。例如：
<center>这部分内容居中显示</center>
表示将网页中的文字居中显示。其中，<center>为开始标签，</center>为结束标签，“这部分内容居中显示”为该元素的内容。当浏览器在显示该网页的过程中，如果遇到center元素，就将该元素的内容居中显示在浏览器的窗口中。
并不是所有的网页标签都是如上例中那样成对出现的。有开始标签且一定有结束标签的标签叫双边标签，而有开始标签不需要结束标签的标签为单边标签。例如，<br>就是一个单边标签。另外，还有一些网页元素的结束标签可以自由取舍，如段落标签<p>、选项标签<option>等。
许多元素的开始标签中还允许加入若干属性，用于进一步对该元素的特征进行说明或限定。通常用“属性名称=属性值”的方式来设定元素的属性，属性值可以用双引号引起来，也可以省略。例如，“<p align="left">”和“<p align=left>”效果相同，但如果属性值内有空格或特殊字符，则其两端双引号就不可以省略。此外，在一个元素的开始标签中各个属性设置的先后顺序是任意的。
综上所述，一个HTML元素可表示为：
<标签名称 属性名称1=属性值1 属性名称2=属性值2 …>内容</标签名称>
第二节 HTML的结构
一、网页基本结构
任意打开一个网页，查看它的源代码，就可以看到这个网页的HTML代码。无论该网页如何复杂，都是由一个最基本的
HTML结构组成的，以下是的HTML的基本结构。
HTML文档的基本结构，效果如图3-1所示。
<html>
<head>
<title>
网页标题
</title>
</head>
<body>
这是显示在浏览器中的主要内容！
</body>
</html>
图3-1 【例3-1】代码运行效果
<html>…</html>标签中的内容是HTML文档的主体元素，用于指出HTML文档的开始与结束。<html>…</html>标签中的内容只能有<head>、<body>、<frameset>3种下属的一级元素，但其中的<body>与<frameset>元素是不能共存的。这就是说，在<html>…</html>中最多只能有两个下属一级元素，其他的元素都包含在这两个元素之中。
<head>标签通常用于提供一些识别或补充的信息给浏览器，而浏览器不会把这些信息显示在网页中。理论上在<head>…</head>标签中至少必须包括<title>标签元素，但在实际上并没有这么严格的限定。
<title>标签用于指定浏览器所要显示的标题文字，原则上不能省略，因为它还有其他用途，例如，作为网页的标签，或作为搜索引擎搜索时的索引。
<body>…</body>用于显示网页的主要内容，其中可以包含多种不同的元素，与之相关的各种元素将在下一节中详细说明。
下面是关于书写HTML文档的几点说明。
（1）HTML文档的内容不区分字母大小写，包括属性和标签名称等。
（2）对于连续的空格、Tab键和Enter键，浏览器只会将其当成一个空格，除非置于预排版标签<pre>中。
（3）在一个元素的开始标签中，元素名称及各个属性名称之间应该以空格、Tab键或Enter键隔开，因此某个元素的开始标签可能会跨越数行，而浏览器只认定“<”和“>”记号。
（4）含有空格或特殊符号的属性值，需要用半角的双引号引起来。
（5）HTML中采用“<!--”和“-->”进行注释，在该注释标签中的内容将不被处理和显示。
（6）对于HTML文档中的错误元素及其属性，浏览器将会跳过它而不予理会。
（7）各