1.2 HTML概述
1.2.1 什么是HTML
1．HTML定义
HTML（Hypertext Mark-up Language）被译为超文本标记语言，主要用来创建与系统平台无关的网页文档，它不是编程语言，而是一种描述性的标记语言。使用HTML可以创建能在互联网上传输的网页，这种文件以“.htm”或者“.html”为扩展名，是一种纯文本文件，可以使用记事本、写字板等文本编辑器来进行编辑，也可以使用Frontpage、Dreamweaver等网页制作软件进行快速创建与编辑。所有网页软件都是以HTML语言为基础。
2．Web工作原理
浏览器（Browser）是一个HTML的“翻译官”，它阅读HTML网页，并解释其含义，然后将解释结果显示在屏幕上。所以说，浏览器其实是一种专用于解读网页文件的软件，从服务器传送至客户端的页面经浏览器解释后，用户才能看到图文并茂的页面信息，如图1-9所示。
图1-9 Web工作原理图
3．HTML的发展史
自从HTML 1.0版本发布以后，浏览器开发商陆续加入了更具有装饰效果的各种属性和标签，使得HTML语言越来越复杂。其中，XHTML（Extensible HyperText Markup Language）译为可扩展的超文本标记语言，是以HTML 4.01为基础而发展出的更为严谨的一种标记语言，是HTML的一种过渡语言。
此外，为了解决HTML复杂化的问题，推出了负责装饰性工作的CSS（层叠样式表）。目前的HTML版本是5.0。图1-10列出了HTML的发展历程。
图1-10 HTML语言发展史
1.2.2 HTML文件的基本结构
1．HTML的语法
标记符，又称标签，是HTML的基本元素，浏览器根据标记符决定网页的实际显示效果。HTML文件使用标记编写文件。所有标记均由尖括号“< >”括起来，标记分单标记和双标记两种。如<hr/>为单标记，只有一个起始标记，表示一条水平线；<b>…</b>为双标记，其中，前一个<b>是起始标记，后一个</b>是结束标记，两个标记之间是执行此指令的内容，其中<b>是加粗的含义。
对标记符作用对象的详细控制，需要在起始标记符中加入相关的属性来实现。属性与标记符之间需用空格分隔，每一属性都有与之相应的属性值，所有的属性值均应该用英文状态下的双引号""括起来，格式如下。
双标记： <标记符 属性1="属性值"属性2="属性值" …> …</标记符>
单标记： <标记符 属性1="属性值"属性2="属性值"…/>
2．基本结构
HTML文件以<html>标记开始，以</html>标记结束，其中<html>表示文档的开始，</html>表示文档的结束。在这两个标记之间，网页被分为头部（head）和主体（body）两部分，如图1-11所示。
图1-11 HTML文件的基本结构
（1） <head>标记
<head>…</head>用来描述文档的头部信息，如页面的标题、作者、摘要、关键词、版权、自动刷新等信息。注意，头部信息并不会出现在浏览器的窗口中。<head>标记中经常出现的标记如下。
<title>…</title>：用来描述网页文档的标题。
<meta/>：用来描述文档的编码方式、摘要、关键字、刷新时间等，这些内容不会显示在网页上。其中，网页的摘要、关键字是为了使搜索引擎能对网页内容的主题进行识别和分类。文档刷新属性可以设置网页经过一段时间后自动刷新或转到其他的URL地址。
例如跳转到其他URL，网页经过10s后转到http://www.sina.com。
（2） <body>标记
正文标记<body>表示文档主体的开始和结束。其不同的属性用于定义页面主体内容的不同表达效果，常见属性如下。
bgcolor：用于定义网页的背景色。
background：用于定义网页背景的图像文件。
text：用于定义正文字符的颜色，默认为黑色。
link：用于定义网页中超级链接字符的颜色，默认为蓝色。
lin：用于定义网页中已被访问过的超链接字符的颜色，默认为紫红色。
alink：用于定义被鼠标选中，但未使用时超链接字符的颜色，默认为红色。
例如，<body bgcolor="black" text="white">或者<body bgcolor="#000000" text="#FFFFFF">都将定义网页的背景颜色为黑色，正文字体颜色为白色的网页文档。
提示：
网页中颜色属性值的常用表示方法：①使用颜色的英文名称，如black（黑色）、blue（蓝色）、green（绿色）、red（红色）、yellow（黄色）、white（白色）等；②使用6位十六进制数（0~9，A~F）的RGB代码表示，且在每种颜色代码前加“#”。例如，白色为#FFFFFF，黑色为#000000。
1.2.3 HTML常用标记
1．HTML中的字体标记
（1）字形标记
HTML中的字形标记常用于设置网页中字符的不同显示格式，常见的字形标记如表1-1所示。
表1-1 常见字形标记
（2）标题标记
HTML中使用<h1>…</h1>、<h2>…</h2>…<hn>…</hn>定义段落标题的大小，其中n最大为6，相应的<h1>到<h6>分别表示一级标题到六级标题，一级标题表示的字体最大，六级标题表示的字体最小。
（3）字体标记
<font>…</font>标记用于定义网页中的文字字体的字体、大小、颜色。常用的3个属性有face、size和color。其中size的属性值为1~7；颜色的属性值使用颜色的英文名称或十六进制的RGB代码表示。例如，
2．HTML中的正文布局标记
（1）段落标记<p>
<p>…</p>指出一个新段落的开始，其后内容从新的一行开始，并与上段之间有一个空行，可以使用align属性定义新开始的一行内容在页面中的对齐位置，属性值可以是left、center或者right。例如，
（2）换行标记<br/>
<br/>单标记符，用于使文本从新的一行显示，它不像段落标记<p>那样会产生一个空行，但连续多个的<br/>可以产生多个空行的效果。
（3）水平线标记<hr/>
<hr/>单标记符，用于产生一条水平线，以分隔文档的不同部分。常用的属性有size、width、color，分别用于定义水平线粗细、宽度、颜色。
（4）段落对齐标记<center>和<div>
<center>…</center>标记可使在其之间的内容居中显示。<div>…</div>标记用于文档分节，以便为文档的不同部分应用不同的段落格式，<div>标记符要使用属性align来控制段落对齐格式，属性值为left、right、center、justify。
3．图像标记<img/>
<img/>单标记符，实现在网页中插入图片。该标记符的常用属性有src、alt、width、height、border、align等，其含义如下所示。
src：用于定义图像文件的源地址（可使用相对地址或者绝对地址）。
width:用于定义图像在页面上显示的宽度。
height:用于定义图像在页面上显示的高度。
alt:用于定义图像的说明文字。
border:用于定义图像边框像素值，默认为0，即没有边框。
align：当图像与文字混排时，可使用align属性说明文字与图像的对齐方式。其中，top表示顶部对齐，middle表示居中，bottom表示底部对齐（默认值），left表示图像居左，right表示图像居右。
提示：
绝对地址：指提供了链接文档的完整的URL地址，包括协议名称。如http://www.sina.com.cn/news/1.html。
相对地址：以当前目录为参照，表示使用文件相对于当前目录的路径，如：“./”或者不带任何符号表示所引用的文件（或目录）与当前HTML页面处于同一目录；“../”表示上一级目录。
4．滚动文字标记<marquee>
< marquee>…</marquee>可使在其之间的内容实现滚动效果，该标记符的常用属性有direction、behavior、height、width、vspace、hspace、loop、scrollamount、onmouseout、onmouseover等，其含义如下所示。
direction：用于定义对象滚动的方向，属性值有up、down、left、right，分别表示向上滚动、向下滚动、向左滚动、向右滚动。
behavior：用于定义对象滚动的方式，属性值有alternate、scroll、slide，分别表示来回滚动、一端到另一端（重复）、一端到另一端（不重复）。
height：用于定义对象滚动的高度，单位是像素。
width：用于定义对象滚动的宽度，单位是像素。
vspace：用于定义对象所在位置距垂直边的距离。
hspace：用于定义对象所在位置距水平边的距离。
loop：用于定义对象滚动次数。
scrollamount：用于定义对象滚动速度。
onmouseout ：用于定义鼠标指针移出该区域时对象的滚动状态，常见的属性值有this.start()、 this.stop()，分别表示开始滚动、停止滚动。
onmouseover：用于定义鼠标指针移到该区域时对象的滚动状态，常见的属性值见onmouseout。
5．<embed>标记
<embed>可以用来插入各种多媒体，格式可以是MIDI、WAV、AIFF、AU、MP3等，Netscape及新版的IE都支持。该标记符的常用属性有src、loop、volume、autostart等，其含义如下所示。
src:用于定义多媒体文件的源地址（可使用相对地址或者绝对地址）。
loop:用于定义音频或视频文件是否循环及循环次数，属性值为正整数、true、false。正整数值表示音频或视频文件的循环次数；true表示音频或视频文件循环播放；false表示音频或视频文件不循环播放。
volume:用于定义音频或视频文件的音量大小，属性值为0~100之间的整数。
autostart：用于定义音频或视频文件是否在下载完之后就自动播放，属性值为true、false。true表示音乐文件在下载完之后自动播放，false表示音乐文件在下载完之后不自动播放。