HTML简介
?
HTML（Hyper Text Markup Language）称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
HTML文件
? HTML文件的后缀名为.html或者htm，这样的文件称为HTML文件，它是由浏览器解析并在浏览器上呈现给用户的一种文件格式。
它的基本结构如下：
<!DOCTYPE html> // 文档类型声明
<html lang="zh-cn"> // 表示 HTML 文档开始
<head> // 包含文档元数据开始
<meta charset="utf-8"> // 声明字符编码
<title>基本结构</title> // 设置文档标题
</head> // 包含文档元数据结束
<body> // 表示 HTML 文档内容
<a href="http://www.baidu.com">百度</a> // 一个超链接元素（标签）
</body> // 表示 HTML
</html> // 表示 HTML 文档结束
文档结构分析：
1、Doctype声明：
文档类型声明（Document Type Declaration，也称 Doctype）。它主要告诉浏览器所查看的文件类型。在以往的 HTML4.01 和 XHTML1.0 中，它表示具体的 HTML 版本和风格。而如今 HTML5 不需要表示版本和风格了。
<!DOCTYPE html> // 不分区大小写
2、html元素：
首先，元素就是标签的意思，html 元素即 html 标签。html 元素是文档开始和结尾的元素。它是一个双标签，头尾呼应，包含内容。这个元素有一个属性和值：lang=“zh-cn”，表示文档采用语言为：简体中文。
<html lang="zh-cn"> // 如果是英文则为 en
3、head元素：
用来包含元数据内容，元数据包括：<link>、<meta>、<noscript>、<script>、<style>、<title>。这些内容用来浏览器提供信息，比如 link 提供 CSS 信息，script 提供 JavaScript 信息，title 提供页面标题等。
<head>...</head> // 这些信息在页面不可见
4、meta 元素 这个元素用来提供关于文档的信息，起始结构有一个属性为：charset=“utf8”。表示告诉浏览器页面采用的什么编码，一般来说我们就用 utf8。当然，文件保存的时候也是utf8，而浏览器也设置 utf8 即可正确显示中文。
<meta charset="utf-8"> // 除了设置编码，还有别的
5、title 元素 这个元素很简单，顾名思义：设置浏览器左上角的标题。该标签放置在head元素中。
<title>基本结构</title>
6、body 元素 用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容，都应该在这个元素内部进行添加。
<body>...</body>
7、a 元素 一个超链接。该元素会在后面重点学习。
<a href="http://www.baidu.com">百度</a>
关于HTML的版本同学可以下去自己查阅资料了解，这里将不做过多的解释。
HTML元素
页面是由HTML语言写出来的，那么就需要了解HTML的语法规则。