<1>文档类型声明标签——<!DOCTYPE>
<!DOCTYPE>文档声明，作用是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>这句代码的意思是：当前页面采用的是HTML5版本来显示网页。
注意：
-<!DOCTYPE>声明位于文档最前面的位置，处于<html>标签之前。
-<!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。
<2>lang语言种类
用来定义当前文档显示的语言，如：
<html lang="en">en定义语言为英语；zh-CN定义语言为中文；fr定义为法语
简单来说，定义en就是英文网站（也可以显示中文），定义zh-CN就是中文网站（也可以显示英文）
<3>字符集
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用那些字符编码。
<meta charset="UTF-8">charset常用的值有：GB2312，BIG5，GBK，UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。
<4>HTML常用标签
4.1标题标签<h1> - <h6>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6>
</body>
</html> 
特点：
1.加了标题是文字会变的加粗，字号也会依次变大
2.一个标题独占一行
4.2段落和换行标签——<p>，<br />
在HTML标签中，<p>是用于定义段落的标签
<p> 这是一个段落 </p>在HTML中，一个段落的文字会从左到右依次排列，直到浏览器
窗口的右端，然后才自动换行，如果希望文本强制换行显示，就需要使用<br />
<br />案例:体育新闻
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>水花61分伊戈达拉制抢断 西决勇士再胜开拓者总分2-0</h1><h5>数据统计：水花兄弟合砍61分</h5><p>库里22投11中，三分14投4中，发球11罚全中得到37分8篮板8助攻，职业生涯季后赛得分30+次数来到35次，超过哈登排名现役第三位仅次于詹姆斯和杜兰特。</p><p>汤普森22投8中，三分8投3中，罚球4罚全中得到24分5篮板2助攻。伊戈达拉替补出场28分钟，6投4中，三分2投1中，罚球2罚全中得到11分5篮板3助攻2抢断。</p><h5>兄弟对决：小库里给哥哥造成压力</h5><p>小库里在首节替补出场，面对哥哥斯蒂芬-库里的防守，打得游刃有余。他在首节投中2记三分球，帮助开拓者在首节结束时以31-30领先。但小库里在第二节被换下后，开拓者的进攻陷入停滞。</p><p>小库里在第二节出场时间仅有3分多钟，开拓者在这段时间内只得到4分。斯蒂芬-库里在第二节打出一波8-0的攻击波，帮助勇士反超比分。小库里在下半场表现不佳，最终只得到6分。</p></body>
</html> 
4.3文本格式化标签
作用：可以为网页中的文字设置粗体、斜体或下划线等效果。
| 语义 | 标签 | 说明 |
| 加粗 | <strong></strong>或<b></b> | 更推荐用<strong>标签加粗，语义更强烈 |
| 倾斜 | <em></em>或<i></i> | 更推荐使用<em>标签倾斜，语义更强烈 |
| 删除线 | <del></del>或<s></s> | 更推荐使用<del>标签删除线，语义更强烈 |
| 下划线 | <ins></ins>或<u></u> | 更推荐使用<ins>标签下划线，语义更强烈 |
4.4<div>和<span>标签
<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。
div是division的缩写，表示分割、分区。span表示跨度、跨距。
特点：
1、<div>标签用来布局，但是现在一行只能放一个<div>，相当于一个大盒子。
2、<span>标签用来布局，一行可以多个<span>，相当于一个小盒子。
