1、HTML简介
HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
HTML是由Web的发明者 _Tim Berners-Lee_和同事 _Daniel W. Connolly_于1990年创立的一种标记语言。网页是由网页元素组成的，这些元素是利用 html 标签描述出来，然后通过浏览器解析来显示给用户的。
2、起手代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>这是我的的第一个网页标题</title>
</head>
简要说明：
<!DOCTYPE html>表示文档类型说明。
位于文档最前面的位置，处于<html>标签之前。
<html lang="en">用来定义当前文档显示的语言。
en代表英语，zh-CN代表中文。
<meta charset="UTF-8" />表示字符编码
计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。实际编码方式应当和HTML文件指定的编码方式保持一致，否则可能出现乱码。
UTF-8则基本包含全世界所有国家需要用到的字符，一般使用"UTF-8"编码。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这行代码用于针对移动端网页的优化，width=device-width指定了viewport 的大小为设备的宽度，initial-scale=1.0则指定了页面在初始状态下禁止缩放，占满整个屏幕。
<html>
<html> 标签告知浏览器这是一个 HTML 文档。 <html> 标签是 HTML 文档中最外层的元素。 <html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
<head>
<head> 元素是所有头部元素的容器。
<head> 元素必须包含<title>，可以包含脚本、样式、meta 信息 以及其他更多的信息。
里面放置的内容不会出现在网页上，通常都是为了网页的渲染做准备的。
**<title>**文档的标题。**<body>**定义文档的主体，元素包含文档的所有内容，页面内容基本都是放到body里面的
3、常用的章节标签
- h1~h6 标题
是单词head的缩写，表示网页上的标题。重要性由h1到h6依次递减。
默认格式加粗，字号h1最大，h6最小，每个h标签独自占一行。
- section 章节
<section> 定义了文档的某个区域，表示这块内容是一个整体。
- article 文章
<article>定义独立的内容，它可以用来表示一段文章，可以用来包含多个<section>。
- p 段落
<p>表示文本的一个段落，p是Paragraph的缩写，段落和段落之间保有空隙，它是一个块级元素。
- header 页眉、头部
<header> 标签定义文档或者文档的一部分区域的页眉，一般作为介绍内容或者导航链接栏。
在一个文档中，您可以定义多个
元素，但不能被放在 、 或者另一个 元素内部。- footer 页脚
<footer> 标签定义文档或者文档的一部分区域的页脚。在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。
- main 主要内容
<main> 标签用于指定文档的主体内容。
- aside 旁支内容
<aside>表示旁支内容，定义 <article> 标签外的内容，可用作文章的侧栏。
- div 划分
<div> 标签定义 HTML 文档中的一个单独区域。经常与 CSS 一起使用，用来布局网页。
4、全局属性
HTML中所有标签都有的属性，称为全局属性。
- class
class 属性定义了元素的类名。一个标签可以有多个类名，用空格隔开。
- contenteditable：可编辑的
可以指定元素内容是否可编辑。
提示：可以用contenteditable和style标签、display属性实现直接在网页上编辑样式，调整代码。
示例如下：
<body>
<style contenteditable>
style {
display: block;
}
.a {
color: blue;
}
ul{
color:red;
}
</style>
<h1>胡歌个人介绍</h1>
<h2 class="a">电视作品</h2>
<ul>
<li>
仙剑奇侠传1
</li>
<li>
仙剑奇侠传3
</li>
</ul>
</body>
效果图：
- hidden：隐藏
可以被用来隐藏一个页面元素，可以通过display:block来显示出来
- id
定义了一个全文档唯一的标识符。但是即便出现相同的ID，HTML也是允许执行不报错的。非必要不建议使用id属性。
- tabindex：标签索引
在网页中使用 tab键 能够切换到不同的部分，而 tabindex 属性则是控制这一行为顺序的。
可以设置为正整数，按数字从小到大依次切换访问，也可以是不连续的。
注意：
有两个特殊值，设置为0时表示该元素最后1个被Tab访问；
设置为-1时表示该元素不可被Tab访问
- style 行内样式
style 属性规定元素的行内样式。优先级是最高的。
- title 标题
title属性规定关于元素的额外信息。 鼠标悬停在该元素时，会展示信息。
5、内容标签
- ol+li 有序列表
ol是ordered list的缩写，和<li>组合使用，有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义。
- ul+li 无需列表
<ul>是unordered list的缩写，和<li>组合使用，列表的各个列表项之间没有顺序级别之分，是并列的。
- dl + dt + dd 定义列表
定义列表常用于对术语或名词进行解释和描述，dl表示描述列表，dt表示描述对象，dd表示描述内容
（discrition list + description term + data）
- pre 预格式化文本
<pre> 标签可定义预格式化的文本。pre是preview的缩写。
被包围在 <pre> 标签元素中的文本会保留空格和回车。
- code
code里面的字体等宽
- hr：水平线
水平分割线，horizontal的缩写， 在网页中显示为一条水平线。
- br：换行
换行标签，break的缩写。
- em：强调
定义被强调的文本。表示语气上的强调，emphasis的缩写，默认样式为斜体。
- strong：强调
定义重要的文本，表示内容本身的重要性。默认样式为加粗。
- q：行内引用
行内引用。 浏览器经常会在这种引用的周围插入引号，quote的缩写。
- blockquote：块级引用
块级引用，浏览器通常会对 <blockquote> 元素进行缩进。
- a 超链接
anchar的缩写，主要有两个属性。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址
target：链接页面的打开方式。
_self为默认值，表示在当前界面打开链接；
__blank表示在新窗口中打开链接。
