2.1 HTML概述
目前，Web前端开发仍以HTML4为基础，HTML5代码在浏览器支持的情况下使用。
2.1 初识HTML
2.1.1 标记语言
标记语言是一种将文本以及与文本相关的其他信息结合起来，从而展现出文档结构和数据处理细节的计算机文字编码。所以说，标记语言是一种注释文本的语言。标记语言的种类很多，对Web开发与设计而言，常用的标记语言有XML、HTML和XHTML三种。
2.1.2 从HTML到XHTML
HTML（Hyper Text Markup Language，超文本标记语言）是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML文档在浏览器上运行，并由浏览器解析。XHTML是基于XML的HTML，是一种更纯洁、更严格、更规范的HTML代码。
2.1.3 HTML文档（网页）的基本结构
HTML文档即网页，是用HTML编写的。此文档由文档类型定义（DTD）和HTML标签组成。其中，文档类型定义主要声明文档遵守HTML的哪一个版本，放在文档的开头；接在后面的是HTML标签，用来表示网页中有哪些元素。HTML文档的基本结构如图2-1所示。
图2-1 HTML文档的基本结构
2.1.4 HTML的基本组成
●文档类型定义（DTD）：放在HTML文档的第一句，声明文档遵守HTML的哪一个版本。具体如表2-1所示。
表2-1 不同HTML版本的DTD
●HTML标签：标签都要用“<”和“>”括起来，如<html>…</html>、<head>…</head>、<body>…</body>等。HTML标签不区分大小写，但W3C建议使用小写。
●双标签：双标签由开始标签和结束标签组成，必须成对使用，如<div>…</div>。
●单标签：有些标签单独使用就可以完整地表达意思，这种标签称为单标签，如<br>。单标签没有结束标记，但Web标准建议单标签也要加上/，如<br>要写成<br/>。
●元素：一对标签包含的所有内容称为元素。如<div>元素</div>。
●属性：属性提供了有关标签更多的信息，属性以“属性=值”的格式在开始标签中定义。一个标签可以定义多个属性，各属性间以空格隔开，如<img src="images/p1.jpg"width="200px"/>。
2.1.5 几个常用的HTML开发编辑工具
HTML网页为文本文档，常用的编辑工具有NotePad++、VS.NET、SublimeText、WebStorm、Atom、HBuilder、Dreamweaver等。