*文中代码字体版权说明
第01章
创建一个HTML网页
在当今社会中，网络已成为人们生活的一部分，网页设计技术是学习计算机的重要内容之一。在计算机上看到的所有网页、用的微信小程序，以及一部分App的页面部分都是使用HTML+CSS+JavaScript完成的。其中，HTML语言用来搭建网页的结构以及内容，是网页效果实现的第一步。本章将带领读者准备网页编写的环境，介绍HTML的基本概念和编写方法，使读者对HTML有个初步的了解，从而为后面的学习打下基础。
学习目标
了解HTML的基本概念
准备HTML编写的基本环境
掌握HTML文件的编写方法
掌握使用浏览器浏览HTML文件的方法
1.1 认识HTML
HTML的英文全称是Hyper Text Markup Language，即超文本标记语言，也是全球广域网上描述网页内容和外观的标准。HTML从1.0到5.0经历了巨大的变化，从单一的文本显示功能到多功能互动，经过多年的完善，已经成为一款非常成熟的标记语言。本书提到的HTML5指的就是HTML的第五个版本。
HTML作为一种标记语言，本身不能显示在浏览器中，经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。网页文件本身是一种文本文件，网页制作人员通过在文本文件中添加标记符，告诉浏览器如何显示其中的内容，如文字的大小、字体、颜色，图像的显示方式等。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。
对于出错的标记浏览器不能指出其错误，编程人员只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不同的解释，因而可能会有不同的显示效果。
1.2 HTML标签
HTML标签是由尖括号包围的关键词，如h1是一个表明标题的关键词，给h1加上尖括号，就成为<h1>标签。HTML标签经常成对出现，如<h1>和</h1>，第一个标签是开始标签，第二个标签是结束标签。
一个html元素通常是由一个开始标签、内容和一个结束标签组成的。结束标签中要用斜杠“/”表示元素结束，如图1-1所示。
图1-1 元素结构
HTML标签可以设置属性，属性一般设置在开始标签中。属性的作用是给元素添加附加信息，它总是以属性名="属性值"的形式出现，一个元素可以有多个属性，语法如下。
<元素名 属性名1="值1"属性名2="值2"></元素名>
【例1-1】
创建一个h1元素，为其设置id属性，属性值为title。
<h1 id="title">我是标题元素</h1>
提示
在使用中，“标签”和“元素”之间并不做严格区分。在本书中，<p>标签等同于p元素。
1.3 HTML文件的基本结构
HTML文档是由HTML标签定义的，它必须具备正确的结构才能够在浏览器上显示出来。
语法：
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title>
</head> <body> </body></html>
说明：
<!DOCTYPE html>声明位于HTML文档的第一行，用于告知浏览器文档所使用的HTML规范。
<html>标签是所有的HTML文档都应该有的标签，<html>标签可以包含<head>和<body>两部分。
<head>标签内包含整个网页的信息。
<title>标签用于定义文档的名字，通常出现在浏览器窗口的标题栏或状态栏中。
<meta>标签通常用于指定网页的描述及其他元数据。<meta>标签的charset属性告知浏览器此网页的字符编码格式，如charset="UTF-8"表示此网页遵循万国码(unicode)的编码标准。
<body>标签用来指明文档的主体区域，网页所要显示的内容都放在这个标记内，其结束标记</body>标签指明主体区域的结束。