超文本标记语言(HyperText Markup Language)是一种用来告知浏览器如何组织页面的标记语言。用来结构化Web网页及其内容的。
HTML元素
元素组成
- 开始标签：包含元素的名称，被大于号、小于号所包围
- 结束标签：开始标签相似，只是其在元素名之前包含了一个斜杠
- 内容：元素的内容
- 元素属性：属性包含了关于元素的一些额外信息（不显示）
- 当有多个属性的时候使用空格分隔
- 格式：属性名称='属性值'
空元素
不包含任何内容的元素称为空元素
<img src="images/firefox-icon.png" alt="My test image">
嵌套元素
将一个元素置于其他元素
<p>My cat is <strong>very</strong> grumpy.</p>
布尔属性
没有值的属性，属性值和属性名相同。
<input type="text" disabled> /*布尔属性，和下面相等*/
<input type="text" disabled="disabled">
元素类型
根据元素的显示类型（能否在同一行显示）
- 块级元素（block-level elements）: 独占父元素一行
- 行内级元素(inline-level elements): 和其他元素能够在同一行
根据元素的内容类型（是否浏览器会替换掉元素
- 替换元素(replaced elements): 元素本身没有什么实际内容，浏览器根据元素属性等确定元素内容
- 非替换元素(non-replaced elements): 元素本身有实际内容
文档结构
如下所示为一个html基本文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的测试站点</title>
</head>
<body>
<p>这是我的页面</p>
</body>
</html>
文档声明
<!DOCTYPE html>：用来告诉当前浏览器为HTML5文档，按此标准进行解析。放到最前面不能省略（兼容性问题）
html元素
根元素，一个文档只有一个。 其他元素都是其后代元素。
head元素
用来描述网页的各种信息（字符编码、标题、图标等），内容是一些元数据（描述数据的数据）。常用的元数据的有：
charset: 字符编码：将文字存储得到计算机，之后解析显示出来的规则title： 标题style：样式link：引入外部资源
body元素
body元素是网页上看所有内容
