第1篇 HTML篇
第1章 网页标识语言HTML基础
学前必读：
随着网络的不断普及，网页已经被大多数人所熟悉。但是这些页面是怎样搭建起来的呢？又是怎样显示的呢？其实网页是由一种简单的标记语言HTML构成的。HTML语言是组成网页的基本语言，它是一切网页制作的基础。如果能够熟悉掌握并应用HTML代码，大到做网站，小到个人网页等都会有很大的好处。本章将讲解HTML的基本概念，以及开发HTML所使用的软件的相关知识。
本章重点：
● HTML语言概述
● HTML文件的基本结构
● 编写简单的HTML实例
● 运行并浏览HTML文件
1.1 HTML语言概述
HTML是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。其实它并不能算做一种程序语言，因为它缺少语言所应有的特征。HTML通过IE等浏览器的翻译，将网页中所要呈现的内容展现在用户眼前。
1.1.1 认识HTML语言
HTML的英文全称是Hyper Text Markup Language，中文通常称做超文本标记语言或超文本标识语言，HTML是Internet上用于编写网页的主要语言，它提供了精简而有力的文件定义，可以设计出多姿多彩的超媒体文件，通过HTTP通信协议，使得HTML文件可以在全球互联网（World Wide Web）上进行跨平台的文件交换。
HTML文件为纯文本的文件格式，可以用任何的文本编辑器或者使用FrontPage、Dreamweaver等网页制作工具来编辑。至于文件中的文字、字体、字体大小、段落、图片、表格及超链接，甚至是文件名称都是以不同意义的标签来描述，以此来定义文件的结构与文件间的逻辑关联。简而言之，HTML是以标签来描述文件中的多媒体信息。如图1.1所示是HTML编写的网页，由文字、图像和多媒体等组成。
图1.1 HTML编写的网页
1.1.2 HTML语言的发展历史
HTML作为定义万维网的基本规则之一，最初由蒂姆·本尼斯李创建，用来解决科学家们共享网络信息的问题。最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为网络创建或转换文本，仅有不多的几个标签。
下面是HTML的发展简史。
HTML 1.0——1993年6月，互联网工程工作小组（IETF）工作草案发布。
HTML 2.0——1995年11月发布。
HTML 3.2——1996年1月W3C推荐标准。
HTML 4.0——1997年12月W3C推荐标准。
HTML 4.01——1999年12月W3C推荐标准。
HTML 5.0——2008年8月W3C工作草案。
1.2 HTML文件的基本结构
HTML中每个用来作为标记的符号都可以看做是一条命令，它告诉浏览器应该如何显示文件的内容。在制作网页的时候，很多制作完的网页最终效果为.htm或.html格式的文件，这就明确地告诉用户，网页在浏览器中被解读为HTML格式的文件，而这一文件的内容显示到浏览器中就是用户所看到的“网页”。每个被用户看到的“网页”在浏览器中都会还原成HTML的源代码。
1.2.1 HTML文件结构
一个完整的HTML文档必须包含三个部分：一个由<html>元素定义的文档版本信息，一个由<head>定义各项声明的文档头部和一个由<body>定义的文档主体部分。<head>作为各种声明信息的包含元素出现在文档的顶端，并且要先于<body>出现。而<body>用来显示文档主体内容。
下面是一个HTML文件的基本结构。
<html>文件开始标记
<head>文件头的内容</head>
<body>文件主体的内容</body>
</html>
从上面的代码可以看出，HTML代码分为三部分，其中各部分含义如下。
<html>…</html>：告诉浏览器HTML文件开始和结束的位置，其中包括<head>和<body>等标记。HTML文档中所有的内容都应该在这两个标记之间，一个HTML文档总是以<html>开始，以</html>结束。
<head>…</head>：HTML文件的头部标记，在其中可以放置页面的标题以及文件信息等内容，通常将这两个标签之间的内容统称为HTML的头部。
<body>…</body>：用来指明文档的主体区域，网页所要显示的内容都放在这个标记内，其结束标记</body>指明主体区域的结束。
1.2.2 编写HTML文件的注意事项
在编写HTML文件时，要注意以下几点。
（1）“<”和“>”是任何标记的开始和结束。元素的标记要用尖括号括起来，并且在结束标记的前面加一个斜杠“/”，如<></>。
（2）在源代码中不区分大小写。
（3）任何回车和空格在源代码中均不起作用。为了代码的清晰，建议不同的标记之间用回车符进行换行。
（4）在HTML标记中可以放置各种属性。
（5）要正确输入标记。输入标记时，不要输入多余的空格，否则浏览器可能无法识别这个标记，导致无法正确显示信息。
1.3 编写简单的HTML实例
HTML文件的编写方法有两种，一种是利用记事本编写，另一种是在Dreamweaver中编写HTML代码。
1.3.1 使用记事本手工编写HTML页面
随着Internet的日益普及，HTML网页制作技术已经成为一种必要的技能。由于用HTML语言编写的文件是ASCII文本文件，因此可以使用任意一个文本编辑器打开并编写HTML文件，如Windows系统中自带的“记事本”。
使用记事本编写HTML文件的具体操作步骤如下。
（1）在Windows操作系统下，选择“开始”→“所有程序”→“附件”→“记事本”命令，新建一个记事本，在记事本中输入如图1.2所示的代码。
图1.2 在记事本中输入代码
（2）当编辑完HTML文件后，选择“文件”→“保存”命令，弹出“另存为”对话框，将它存为扩展名为.htm或.html的文件即可，如图1.3所示。
图1.3 “另存为”对话框
（3）单击“保存”按钮，这时该文本文件就保存成了HTML文件，在浏览器中浏览，效果如图1.4所示。
图1.4 浏览效果
1.3.2 使用Dreamweaver辅助编写HTML页面
Microsoft公司的FrontPage，Adobe公司的Dreamweaver、GoLive等软件均能以可视化的方式进行网页的编辑制作。使用Dreamweaver编写HTML页面的具体操作步骤如下。
（1）启动Dreamweaver CS5，新建一个空白文档，切换到代码视图，输入以下代码，如图1.5所示。
图1.5 输入代码
（2）输入完代码后，切换到设计视图，效果如图1.6所示。选择“文件”→“保存”命令，保存文档，即可完成HTML文件的编写。
图1.6 设计视图
1.4 课后习题
1.填空题
（1）HTML是万维网文档发布和浏览的基本格式。它具有很多特点，如______、______，特别是______，这些特点使它成为万维网较好的文档格式。
（2）HTML文件的编写方法有两种，一种是利用______编写，另一种是在______中编写HTML代码。
（3）HTML文档以______为扩展名，将HTML源代码输入到记事本并保存之后，可以在浏览器中打开文档以查看其效果。
2.操作题
使用记事本手工编写一个简单的HTML页面。