1 HTML 基本语法
1.1 HTML 标签
标签是 HTML 的基本组成部分，也称之为元素。
标签分为单标签和双标签。
标签名不区分大小写。
<h1>文本内容</h1>
<hr>
<hr/>
1.2 标签的属性
可以给 HTML 标签设置属性，不同的HTML标签拥有不同的属性。
一个HTML标签可以设置一个属性，也可以设置多个属性。
属性由属性名和属性值组成，属性值可以写在单引号中或者双引号中或者不写引号。
<标签名 属性名="属性值" ></标签名>
1.3 HTML 注释
注释的语法：
<!-- 注释内容 -->
<!--
注释1；
注释1；
注释1
-->
注释的作用：
-
对代码进行解释说明。
-
暂时不需要运行的代码可以注释掉。
1.4 如何掌握一个 HTML 标签
- 标签的语义和功能。一个标签最重要的就是语义。语义化的标签有利于搜索引擎正确抓取网页。
- 该标签有哪些属性以及属性的值如何设置。
- 该标签是单标签还是双标签。
1.5 文档声明
<!doctype html>
文档声明的作用： 告诉浏览器使用标准模式解析代码渲染页面。
1.6 基本页面模板
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
</body>
</html>
2 HTML 标签总结
2.1 主体结构标签
| 标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
|---|---|---|---|
| html | 根标签 | 双标签 | |
| head | 页面头部 | 双标签 | |
| body | 页面主体 | 双标签 |
2.2 HEAD 标签
| 标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
|---|---|---|---|
| meta | 设置网页元信息 用于设置字符集编码 | charset 属性： 设置一个字符集编码，建议设置为 utf-8 | 单 |
| title | 网页标题 | 双 |
2.3 格式排版标签
| 标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
|---|---|---|---|
| h1 ~ h6 | 内容标题标签 | 双标签 | |
| hr | 分隔 | 单标签 | |
| br | 换行 | 单标签 | |
| p | 段落 | 双标签 | |
| pre | 在浏览器山原样显示内容 一般用于页面中心事代码 | 双标签 | |
| div | 无语义标签 | 双标签 |
