在当今社会中，网络已成为人们生活的一部分，网络提供的服务主要是以网页的形式展现出来。ＨＴＭＬ是创建网页的基础语言，如果不了解ＨＴＭＬ就谈不上网页设计。以下是关于ＨＴＭＬ基本结构入门知识的讲解。

本节单词记忆：

标签　１．ｈｅａｄ　２．ｔｉｔｌｅ　３．ｂｏｄｙ　４．ｍｅｔａ　属性　１．ｂｇｃｏｌｏｒ　２．ｂａｃｋｇｒｏｕｎｄ

网页提示：ｈｔｍｌ语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，９０％的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。

１．１　ＨＴＭＬ的基本机构

完整的ＨＴＭＬ文件至少包括＜ＨＴＭＬ＞标签、＜ＨＥＡＤ＞标签、＜ＴＩＴＬＥ＞标签和＜ＢＯＤＹ＞标签，并且这些标签都是成对出现的，开头标签为＜＞，结束标签为＜／＞，在这两个标签之间添加内容。通过这些标签中的相关属性可以设置页面的背景色、背景图像等。

１．　ＨＴＭＬ文档的结构

ＨＴＭＬ文档主要由３部分组成。

●ＨＴＭＬ部分：ＨＴＭＬ部分以＜ＨＴＭＬ＞标签开始，以＜／ＨＴＭＬ＞标签结束。

＜ＨＴＭＬ＞
……
＜／ＨＴＭＬ＞

＜ＨＴＭＬ＞标签告诉浏览器这两个标签中间的内容是ＨＴＭＬ文档。

●头部：头部以＜ＨＥＡＤ＞标签开始，以＜／ＨＥＡＤ＞标签结束。这部分包含显示在网页标题栏中的标题和其他在网页中不显示的信息。标题包含在＜ＴＩＴＬＥ＞和＜／ＴＩＴＬＥ＞标签之间。

＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞……＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞

●主体部分：主体部分包含在网页中显示的文本、图像和链接。主体部分以＜ＢＯＤＹ＞标签开始，以＜／ＢＯＤＹ＞标签结束。

＜ＢＯＤＹ＞
＜／ＢＯＤＹ＞

小经验：标签不区分大小写，因此用户可以使用＜ｈｔｍｌ＞来代替＜ＨＴＭＬ＞。

图１　ＨＴＭＬ文档结构

　２　使用记事本创建网页

创建一个ＨＴＭＬ文档，需要两个工具：一个是文本编辑器（如记事本、ＵｌｔｒａＥｄｉｔ、Ｅｄｉｔｐｌｕｓ等），一个是用于查看ＨＴＭＬ文档效果的Ｗｅｂ浏览器（如Ｉｎｔｅｍｅｔ　Ｅｘｐｌｏｒｅｒ、Ｆｉｒｅｆｏｘ等）。下面网页就使用Ｗｉｎｄｏｗｓ自带的记事本来快速编写第一个ＨＴＭＬ文件，然后使用Ｗｅｂ浏览器查看ＨＴＭＬ文档效果。

（１）　　单击“开始”一“程序”一“附件”一“记事本”菜单或者右击鼠标选择“新建”一“文本文档”命令，打开记事本程序。

（２）　　在记事本中输入如图２所示的ＨＴＭＬ代码，输入完代码后的记事本如图１．２所示。

图２　在记事本里编辑ＨＴＭＬ

（３）　　单击记事本菜单栏中的“文件一保存”菜单，弹出“另存为”对话框，在对话框中选择存盘的文件夹，然后在“保存类型”下拉列表框中选择“所有文件”选项，在“编码”下拉列表框中选择“ＡＮＳＩ”选项，保存文件名为ｍｙ＿ｆｉｒｓｔＰａｇｅ．ｈｔｍｌ，如图３所示，最后单击“保存”按钮。

（４）　回到存盘的文件夹，使用Ｗｅｂ浏览器打开ｍｙ＿ｆｉｒｓｔＰａｇｅ．ｈｔｍｌ丈件，可以看到最终的页面效果，如图４所示。

图４　“另存为”对话框　

图５　浏览效果

３　＜ＭＥＴＡ＞标签

＜ＭＥＴＡ＞标签出现在网页的标题部分。这是一个特殊的ＨＴＭＬ标签，提供有关网页的信息。有时在网上冲浪时，发现有些网页中的文字是乱码，这是怎么回事呢？其实就是＜ＭＥＴＡ＞标签中ｃｈａｒｓｅｔ属性没有正确地设置编码语系。如果我们正确地设置了网页语言的编码方式，浏览器就会正确地显示网页中的内容，而不会出现乱码。要将ｇｂ２３１２指定为默认字符集类型，则使用以下＜ＭＥＴＡ＞标签：

＜ＨＥＡＤ＞
＜ＭＥＴＡ　ｈｔｔｐ－ｅｑｕｉｖ＝＂Ｃｏｎｔｅｎｔ－Ｔｙｐｅ＂　ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；　ｃｈａｒｓｅｔ＝ｇｂ２３１２＂＞＜ＴＩＴＬＥ＞网页标题＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞

其中，ｃｈａｒｓｅｔ用于设置网页的编码语系，简体中文网页使用ｃｈａｒｓｅｔ＝ｇｂ２３１２，繁体中文使用ｃｈａｒｓｅｔ＝ｂｉｇ５，纯英文网页建议使用ｉｓｏ－８８５９－１，或者不设编码也可。根据自己