body 文字标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>body 标签</title>
</head>
<body>
<strong>静夜思</strong>
<p><s>床前明月光，疑似地上霜。</s></p>
<p><u>举头望明月，</u>低头思故乡。</p>
<p>床前明月光，疑似地上霜。<br/>举头望明月，低头思故乡。</p>
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2*a*b</p>
<p>H<sub>2</sub>SO<sub>4</sub></p>
<p><em>每个人都要努力</em></p>
</body>
</html>实现的效果：
| 标签 | 语义 | 作用 |
|---|---|---|
| strong | 加强 | 强调，加粗 |
| em | emphasized（强调） | 斜体 |
| sup | superscripted（上标） | 上标 |
| sub | subscripted（下标） | 下表 |
下面是所有的标签，但是有一些不常用，有一些可以通过CSS实现，我们要记住上面几种就可以了。
水平线标签hr
hr，是horizon（水平线）的缩写。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>水平线标签的学习</title>
</head>
<body>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
<hr/>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</body>
</html>实现的效果：
划分区域标签div
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>划分区域标签div</title>
</head>
<body>
<div>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
</div>
<hr/>
<div>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</div>
</body>
</html>实现的效果：
这段代码和上面水平线标签代码的预览效果（除了标题外）都是是一样的，不过实际代码却不一样。使用div标签来划分功能区域，使得代码更具有逻辑性，条理性。我通过查阅资料了解到，这个标签可以与CSS代码配合，对各个区域实现不同的样式控制，等我们学到了CSS就知道了。
自闭合标签
如：<br/><hr/>等，他们与普通标签的区别就是，在他们标签之中不能插入其他标签或文字，自己关闭了。有一点需要注意的是，结尾处的“/”符号在html5中加上与不加都是一样的，不用纠结这一点。
常用的自闭和标签：
| 标签 | 说明 |
|---|---|
| <meta/> | 定义网页的信息（供搜索引擎查看） |
| <link/> | 引入“外部CSS文件” |
| <br/> | 换行标签 |
| <hr/> | 水平线标签 |
| <img /> | 图片标签 |
| <input /> | 表单标签 |
特殊符号
在写word的时候我们都是用输入法来实现特殊符号，但是在html中，都是需要用代码来实现的。比如：下面的代码没有使用空格。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 网页中实现“空格”</title>
</head>
<body>
<h3>爱莲说</h3>
<p>水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，可远观而不可亵玩焉。</p>
<p>予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫！菊之爱，陶后鲜有闻；莲之爱，同予者何人? 牡丹之爱，宜乎众矣。</p>
</body>
</html>实现的效果：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 网页中的“空格”</title>
</head>
<body>
<h3>爱莲说</h3>
<p> 水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，可远观而不可亵玩焉。</p>
<p> 予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫！菊之爱，陶后鲜有闻；莲之爱，同予者何人? 牡丹之爱，宜乎众矣。</p>
</body>
</html>实现的效果：
分析：
其中，1个汉字约等于3个“空格”。因此如果想要往p标签内加入2个空格，那么我们需要往p标签内加入6个“空格”。
小练习
实现的最终效果图：
可以自己取练习巩固一下学到的知识点
给出答案：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小练习</title>
</head>
<body>
<h2>c++小知识：菱形继承的缺点</h2>
<p>菱形继承如果不是虚继承会导致二义性，还会浪费空间</p>
<hr>
<h2>数学的勾股定理</h2>
<p>勾股定理(勾3股4弦5)：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
<hr>
<h2>英语</h2>
<p>No pain, No gain.</p>
<hr>
<h2>化学方程式</h2>
<p>H<sub>2</sub>SO<sub>4</sub>是一种一种重要的工业材料，可以用于制作肥料、洗涤剂等</p>
<hr>
<h2>特殊符号</h2>
<p>欧元符号：€</p>
<p>英镑符号：£</p>
</body>
</html>
html5
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。