1.2.2 第一个HTML页面
V1-5 第一个HTML页面-1
HTML页面是由纯文本构成的，可以使用记事本来编辑一个HTML页面。下面介绍一个最基本的HTML页面如何实现，如图1-2所示。
图1-2 第一个HTML页面
先打开记事本，将如上文本内容输入，然后保存为后缀名为.html的文件，这样，HTML页面即开发完成。双击这个HTML文件，用默认的浏览器打开，即可看到运行结果如图1-3所示，一个最简单且结构完整的HTML网页就此完成。
图1-3 HTML页面的显示效果
通过本章内容的学习，能够让读者尽快找到学习的乐趣，同时开发出比较专业的网站，要达到这样的效果，有必要了解上述代码代表的意思。
1．<！DOCTYPE>声明
<！DOCTYPE>声明有助于浏览器正确显示网页。网络上有很多不同的文件，只有正确声明HTML的版本，浏览器才能正确显示网页内容。DOCTYPE声明是不区分大小写的以下书写方式均可。
2．<html>标签
标签<html>与</html>表明了文档类型，表明这是一个按照HTML规范来书写的HTML文档。
3．<head>标签
标签<head>与</head>之间的内容主要用于描述页面的头部信息，包括但不限于页面设置、标题、CSS样式属性、JavaScript代码等。
4．<meta>标签
<meta>标签主要用于设置页面的基础元信息，比如此处设置页面的编码格式为UTF-8（即全球统一文本编码），如果不明确指定编码格式，浏览器很有可能将中文处理为乱码。除了设置为UTF-8编码外，也可以设置为GB2312、GBK、GB18030等中文国标编码，这三者都对中文有很好的支持。但是通常现在的网站都比较国际化，设置为UTF-8更加通用，兼容性也更好。<meta>标签除了可以设置编码格式外，还可以设置更多其他属性，具体如下。
5．<title>标签
V1-6 第一个HTML页面-2
<title>标签只用于设置页面的标题。
6．<body>标签
<body>标签应该说是网页中最为重要的标签，主要用于展示网页的内容，理论上来说，网页的全部内容都必须包含在<body>标签中。<body>标签的作用相当于浏览器的内容展示区域，算是一个最大的内容容器，里面可以包含任何其他用于展示网页内容的标签。
7．网页注释
V1-7 WebStorm开发环境
在HTML页面中，<！--和-->是特殊标记，用于标注网页内容的注释部分。注释的主要作用是对代码进行解释。注释不会被浏览器解析和执行，主要是给开发人员做参考，所以注释部分的内容不会显示在浏览器中。