2.2 超文本标记语言（HTML）
超文本标记语言（HTML）是一种用来制作超文本文档的简单标记语言，而HTML中的元素是HTML语言的基本部分。这些元素总是成对出现的，每一对元素一般都有一个开始的标记（如：<body>），也有一个结束的标记（如：</body>）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加上一个斜杠。
2.2.1 HTML语言的基本结构
一个HTML文件仅由一个html元素组成，即以<html>开始，以</html>结束，标签内的部分由HTML的元素体（如头元素<head>……</head>、体元素<body>……</body>）和一些注释组成。头元素和体元素的元素体又由其他的元素和文本及注释组成，即一个HTML文件应具有如下所示的结构。
<html> html文件开始
<head> 文件头开始，包含文件的标题、使用的脚本、样式定义等
<title>……</title> 文件的标题，标题将出现在浏览器标题栏中
</head> 文件头结束
<body> 文件体开始
文件体，放置浏览器中显示信息的所有标志和属性，内容在浏览器中显示
</body> 文件体结束
</html> html文件结束
由于HTML语言发展速度很快，早期的HTML文件并没有如此严格的结构，不同的浏览器对HTML元素及属性的解释也不完全一样。下面通过Windows自带的记事本手工编写一个“first.html”文件（请看查源码目录的相应文件），其编写的代码内容如下。
<html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <p>body 元素的内容会显示在浏览器中。</p> <p>title 元素的内容会显示在浏览器的标题栏中。</p> </body> </html>
代码编写完成后保存下来，然后使用浏览器打开，可以看到如图2.2所示的效果。
图2.2 HTML文件效果
从显示结果可以看出，头元素<head>……</head>的结果将显示在浏览器的标题栏位置中，体元素<body>……</body>中的内容显示在浏览器页面中。
2.2.2 常用的HTML标记
网页文件主要就是使用HTML来编写的，而HTML语言又由一系列标记组成，用于组织文件的内容和指导文件的输出格式。这些标记名称并不区分大小写，而且一个标记可以有多个属性，属性及属性值也不区分大小写。标记属性出现在元素的< >内，并且和标记名之间有一个空格分隔，属性值用“”引起来，如下面的代码所示。
<body> <p align = “center”>This is my first homepage!</p> </body>
在<body>标记内的代码<p>，作为HTML中的一个标记，其属性为“align”，相应的属性值为“center”，属性和属性值都不区分大小写，而且属性和标记名<p>之间有一个空格分隔。表2.2中的内容是对HTML的标记进行的整理，方便大家熟悉掌握。
表2.2给出了我们在进行网页设计时经常用到的HTML标记，下面通过一些相应的实例，以帮助大家对HTML有更进一步的了解。
表2.2 HTML标记
续表
●<br>文字换行
在编辑HTML文件时，按下键盘上的“Enter”键虽然可以使内容文字在编辑器里进行换行，但是在实际浏览器执行结果的时候，换行文字却还是会和前面的文字连在一起。要在网页中呈现换行的效果，必须使用<br>标签，只要在任何需要换行的文字之前加上该标签即可使该文字换行，如以下代码所示（请查看源码目录/HTML/br.html文件）。
●<hn> 设置字体大小
为了凸显标题在网页上的重要性，可以将标题的文字设置成比较大的字号，<hn>标记就是用来设置网页文字标题大小的，标题大小从小到大的顺序是<h1>至<h6>。该标记还有相应的属性，如<hn align=“left”>和<hn align=“right”>和<hn align=“center”>分别表示让标题靠左、靠右和居中，如以下代码所示（请查看源码目录/HTML/hn.html文件）。
表2.2中的html标记的用法都大同小异，要多进行实践方可熟悉掌握，这里就不再一一列举了。有关HTML的更多知识请查看相关的专业书籍。