HTML 简介
HTML 是超文本标记语言，浏览器可以直接解析，通俗的讲就是 web 页面。本章内容有：
- 标签
- 元素
- 基本构成
- 文档的后缀名
- 属性
- CSS & JavaScript
- 浏览器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>pangugle.com教程</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
注：<!DOCTYPE html> 声明为 HTML5 文档 。
HTML - 标签
由尖括号包围，通常是成对出现的。比如 <html> 和 </html>。
第一个标签是开始标签，第二个标签是结束标签。
注：即使没有写结束标签，大多数浏览器也会正确地显示 HTML。但是为了养成良好的编码习惯，一定要写结束标签。
HTML - 元素
一个 HTML 元素包含了开始标签、内容和结束标签。
HTML 元素是可以嵌套其他 HTML 元素的。HTML 文档由嵌套的 HTML 元素构成。
< 标签 > 内容 </ 标签 >
<body>标签嵌套大部分的 HTML，<body>里面的内容就是我们在页面上看到的内容：
<body>
<h1>我的第一个标题</h1>
</body>
空元素：没有内容的 HTML 元素被称为空元素。
- 空元素在开始标签中添加斜杠表示关闭，比如 <br/>。
- 所有元素都必须被关闭，即使 <br> 在所有浏览器中都是有效的，但使用 <br/> 其实是更长远的保障。
<meta charset="UTF-8"/>
HTML - 基本构成
<html>
<head>
<title>pangugle.com教程</title>
</head>
<body></body>
</html>
以上是一个 HTML 页面最基本的构成。
<html> 是最外层标签，其他元素都被包含在里面。
<head> 定义文档的头部，其中<title>定义文档的标题，它是 head 部分中唯一必需的元素。
<body> 是文档的主体，内容是我们想要页面显示的内容。
HTML - 文档的后缀名
以下两种后缀名都可以使用：
- .html
- .htm
HTML - 属性
<meta charset="UTF-8"/>
<a href="https://www.pangugle.com/" title='pangugle "教程"'>pangugle.com</a>
- 属性是在元素中添加附加信息，一般写于开始标签。
- 属性总是以名称/值对的形式出现，比如：charset="UTF-8" 。
- 双引号是最常用的，不过使用单引号也没有问题。
- 使用小写属性。
在某些情况下，比如属性值本身就含有双引号，那么就必须使用单引号。
以上实例中，<a>是超链接，title 是它的属性，会在鼠标移到元素上时显示一段工具提示文本。
下面列出了适用于大多数 HTML 元素的属性：
| 属性 | 描述 |
|---|---|
| class | 为html元素定义一个或多个类名（classname）。如：class="p1" |
| id | 定义元素的唯一id。如：id="#logo" |
| style | 规定元素的行内样式。 |
| title | 规定元素的额外信息（可在工具提示中显示）。 |
HTML - CSS & JavaScript
结构(HTML)、表现(CSS)、行为(Javascript)。
CSS：层叠样式表，样式表定义如何显示 HTML 元素。如，文字颜色，背景色，图片大小。
JavaScript：简称 JS，是 Web 页面的脚本语言。如，添加点击事件。
场景描述：登录页面。
HTML 搭建页面，CSS设置输入框和登录按钮的样式，JS定义按钮的点击事件，登录成功则页面跳转。
web浏览器
用文本编辑器编写HTML，然后保存为 test.html。 双击或者把文件拖到浏览器中，就可以看到页面上显示的不是HTML标签，而是使用标签来解释页面的内容：
