HTML基础： 五. 文本格式化
————EoralMilk： 2020, 2, 25
HTML 格式化标签
-
HTML 使用标签
<b>(“bold”) 与<i>(“italic”) 对输出的文本进行格式, 如：粗体 or 斜体 -
这些HTML标签被称为格式化标签，底部将有详细介绍。
通常标签
<strong>替换加粗标签<b>来使用,<em>替换<i>标签使用。然而，这些标签的含义是不同的：
<b>与<i>定义粗体或斜体文本。
<strong>或者<em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。
案例
1. 文本格式化
- 如何在一个 HTML 文件中对文本进行格式化
<b>这个文本是加粗的</b>
<br />
<strong>这个文本是加粗的</strong>
<br />
<big>这个文本字体放大</big>
<br />
<em>这个文本是斜体的</em>
<br />
<i>这个文本是斜体的</i>
<br />
<small>这个文本是缩小的</small>
<br />
这个文本包含<sub>下标</sub>
<br />
这个文本包含<sup>上标</sup>
- 这是上标效果
- 这是下标效果
2. 预格式文本
- 如何使用 pre 标签对空行和空格进行控制。
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
效果：
此例演示如何使用 pre 标签 对空行和 空格 进行控制
3. “计算机输出”标签
<code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />
注释： </b>这些标签常用于显示计算机/编程代码。
4. 地址
<address>
Written by EoralMilk.<br>
1322028031@qq.com<br>
2020, ShenYang<br>
China
</address>
5. 缩写和首字母缩写
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
- 在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。
6. 文字方向
该段文字从右到左显示。
<bdo dir="rtl">该段文字从右到左显示。</bdo>
7. 块引用
被引用的一段话
<q>被引用的一段话</q>
8. 删除字效果和插入字效果
<del>这段文字被删除</del>
<ins>这段文字被插入</ins>
这段文字被删除
这段文字被插入
HTML 文本格式化标签
| 标签 | 描述 |
|---|---|
<b> |
定义粗体文本 |
<em> |
定义着重文字 |
<i> |
定义斜体字 |
<small> |
定义小号字 |
<strong> |
定义加重语气 |
<sub> |
定义下标字 |
<sup> |
定义上标字 |
<ins> |
定义插入字 |
<del> |
定义删除字 |
HTML “计算机输出” 标签
| 标签 | 描述 |
|---|---|
<code> |
定义计算机代码 |
<kbd> |
定义键盘码 |
<samp> |
定义计算机代码样本 |
<var> |
定义变量 |
<pre> |
定义预格式文本 |
HTML 引文, 引用, 及标签定义
| 标签 | 描述 |
|---|---|
<abbr> |
定义缩写 |
<address> |
定义地址 |
<bdo> |
定义文字方向 |
<blockquote> |
定义长的引用 |
<q> |
定义短的引用语 |
<cite> |
定义引用、引证 |
<dfn> |
定义一个定义项目 |
上篇：HTML基础：四. 标题和段落
下篇：HTML基础：六. 链接
Author: EoralMilk
Link: Post/2020/02/25/# HTML基础： 五. 文本格式化
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可
