1.3 网页与HTML
所谓网页（Web page），通常是指使用超文本标记语言（HyperText Markup Language，HTML）编写的、具有特定结构和格式的电子文件。因此，网页又称HTML文档。
HTML文档是由元素（Element）定义和组成的，元素的基本格式是：
<元素名> 内容 </元素名>
其中，<元素名>称为开始标签（Start Tag），</元素名>称为结束标签（End Tag）。在开始标签和结束标签之间是内容（Content）。开始标签、内容和结束标签共同构成了一个元素。
在HTML文档中，有些元素只有开始标签，而没有对应的结束标签，也没有内容。这类元素称为空元素（Void Element）。
记事本（Notepad）是编写HTML文档的最简单软件。使用Web浏览器可以打开HTML文档并浏览对应的网页。
【例1-1】 使用Notepad软件编写HTML文档。具体步骤如下：
（1）启动Notepad软件。在Windows界面左下角，选择“开始”|“所有程序”|“附件”|“记事本”命令，打开Notepad软件。
（2）在Notepad软件中输入以下HTML代码。
在以上代码中，开始标签<html>和结束标签</html>构成了html元素。html元素定义了一个HTML文档。一个HTML文档只有一个html元素，并称为根元素（Root Element）。
开始标签<head>和结束标签</head>构成了head元素。开始标签<body>和结束标签</body>构成了body元素。每个HTML文档包含一个头部（Head）和一个主体（Body）。头部由head元素定义，主体由body元素定义。
开始标签<title>和结束标签</title>构成了title元素。title元素出现在head元素的开始标签和结束标签之间。使用title元素可以定义网页的标题。
“Hello, World!”是body元素的内容。
为了增强可读性，可以在HTML文档中添加注释（Comment），其格式是：<!--注释内容-->。
如图1-2所示，html、head、body和title等元素定义了HTML文档的基本结构（Structure）。因此，html、head、body和title等元素也称为结构性元素（Structural Element）。
图1-2 使用父元素和子元素定义HTML文档的树形层次结构
其中，html元素是根元素，每个HTML文档必须且只能有一个html根元素。
在HTML文档中，每个元素都可能有多个子元素（Child）和后代元素（Descendant）。html元素有两个子元素：一个是head元素，另一个是body元素。title元素既是head元素的子元素，又是html元素的后代元素。通常，head元素和body元素还有其他的子元素。
在HTML文档中，除html元素外，每个元素必须且只能有一个父元素（Parent）。html元素既是head元素的唯一父元素，也是body元素的唯一父元素。title元素的唯一父元素是head元素。作为根元素，html元素没有父元素。
因此，HTML文档也是一个由相关的父元素和子元素构成的树形层次结构。
（3）保存HTML文档。在Notepad软件的菜单栏中选择“文件”|“保存”命令，会弹出“另存为”对话框。如图1-3所示，在“另存为”对话框中首先选定相应的文件夹，然后将HTML文档命名为1-1.html，最后单击“保存”按钮，即可保存HTML文档。
注意：HTML文档的扩展名为.html或.htm。
图1-3 保存HTML文档
（4）使用Web浏览器（如Internet Explorer）打开HTML文档1-1.html。如图1-4所示，在网页中可以看到文字内容“Hello, World!”。
图1-4 使用IE浏览器打开HTML文档
注意：
① Web浏览器的主要作用是读取HTML文档，并以网页的形式显示HTML文档内容。Web浏览器不显示HTML文档中的标签，而是使用标签解释HTML文档的结构及内容。
② 注释中的文字可以增加HTML代码的可读性，但并不通过Web浏览器显示出来。
③ 由于在HTML文档头部使用title元素定义了网页标题，所以，在IE浏览器的顶部（即网页标题中）会显示“标题：HTML文档”。
（5）显示文件的扩展名。如果在“Windows资源管理器”窗口中没有显示HTML文档或其他文档的扩展名，则可以执行如下操作。
① 双击桌面上的“计算机”图标，可以打开“Windows资源管理器”窗口。如图1-5所示，在窗口的左上方选择“组织”|“布局”|“菜单栏”命令，可以在窗口上方显示菜单栏。
图1-5 在窗口中显示菜单栏
② 在菜单栏中选择“工具”|“文件夹选项”命令，可以打开“文件夹选项”对话框。如图1-6所示，在该对话框中选择“查看”选项卡，然后在“高级设置”列表框中取消选中“隐藏已知文件类型的扩展名”复选框。最后，单击“确定”按钮。
图1-6 取消选中“隐藏已知文件类型的扩展名”复选框
如图1-7所示，这时即可在“Windows资源管理器”窗口中显示HTML文档或其他文档的扩展名。
图1-7 显示HTML文档或其他文档的扩展名