HTML段落及换行、文本格式化、计算机输出标签？、引文引用及标签定义-------------【3】
----------内容来源于runoob.com-----------
-----------------------仅用于个人学习---------------------------------
HTML 段落
段落是通过 <p> 标签定义的。
注意：浏览器会自动地在段落的前后添加空行。（</p> 是块级元素）
不要忘记结束标签
注释: 在未来的 HTML 版本中，不允许省略结束标签。
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：
<br > 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 <br /> 是关闭空元素的正确方式
HTML 输出- 使用提醒
我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
例：
<p>
春眠不 觉晓，
处处 闻 啼鸟。
夜来风 雨声，
花落知多少。
</p>
结果为：
春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。
HTML 格式化标签
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体
例：
<body>
<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>
<code>电脑自动输出</code><br><br>
这是 <sub> 下标</sub> 和 <sup> 上标</sup>
</body>
结果为：
加粗文本
斜体文本电脑自动输出
这是 下标 和 上标
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的：
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。
HTML 文本格式化标签
| 标签 | 描述 |
|---|---|
| <b> | 定义粗体文本 |
| <em> | 定义着重文字 |
| <i> | 定义斜体字 |
| <small> | 定义小号字 |
| <strong> | 定义加重语气 |
| <sub> | 定义下标字 |
| <sup> | 定义上标字 |
| <ins> | 定义插入字 |
| <del> | 定义删除字 |
<big>在某些版本不允许 html5不允许
删除字插入字实例：
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
结果为：
My favorite color is blue red!
HTML "计算机输出" 标签
| 标签 | 描述 |
|---|---|
| <code> | 定义计算机代码 |
| <kbd> | 定义键盘码 |
| <samp> | 定义计算机代码样本 |
| <var> | 定义变量 |
| <pre> | 定义预格式文本 |
预格式实例：
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
结果为：
此例演示如何使用 pre 标签 对空行和 空格 进行控制
输出标签实例：
<code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />
<p>
<b>注释：</b>这些标签常用于显示计算机/编程代码。
</p>
结果为：
计算机输出
键盘输入
打字机文本
计算机代码样本
计算机变量
注释：这些标签常用于显示计算机/编程代码。
HTML 引文, 引用, 及标签定义
| 标签 | 描述 |
|---|---|
| <abbr> | 定义缩写 |
| <address> | 定义地址 |
| <bdo> | 定义文字方向 |
| <blockquote> | 定义长的引用 |
| <q> | 定义短的引用语 |
| <cite> | 定义引用、引证 |
| <dfn> | 定义一个定义项目。 |
引用实例：
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
结果为：
WWF's goal is to: Build a future where people live in harmony with nature.
We hope they succeed.
定义文字方向实例：
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
结果为：
该段落文字从左到右显示。
该段落文字从右到左显示。
地址、缩写及首字母实例见文件
