一、HTML 文本格式化

加粗文本
斜体文本
电脑自动输出
这是下标和上标

HTML文本格式化加粗文本

斜体文本

电脑自动输出

这是  下标 和  上标

运行结果：

二、HTML 格式化标签

  • HTML 使用标签 (“bold”) 与 (“italic”) 对输出的文本进行格式, 如：粗体or斜体
  • 这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。
  • 通常标签 替换加粗标签 来使用
  • 替换斜体 标签使用。
  • 然而，这些标签的含义是不同的：
  • 与 定义粗体或斜体文本。
  • 或者 意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。

三、实例

1、文本格式化

此例演示如何在一个 HTML 文件中对文本进行格式化

HTML文本格式这个文本是加粗的
这个文本是加粗的
这个文本字体放大
这个文本是斜体的
这个文本是斜体的
这个文本是缩小的
这个文本包含下标
这个文本包含上标

运行结果：

2、预格式文本

此例演示如何使用 pre 标签对空行和空格进行控制。

pre 标签对空格进行控制
此例演示如何使用 pre 标签对空行和空格进行控制
运行结果：
3、”计算机输出”标签
此例演示不同的”计算机输出”标签的显示效果。
"计算机输出"标签计算机输出
键盘输入
打字机文本
计算机代码样本
计算机变量
注释：这些标签常用于显示计算机/编程代码。
运行结果：
4、如何在HTML 文件中写地址
此例演示如何在 HTML 文件中写地址。
如何在HTML 文件中写地址Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA
运行结果：
5、缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
缩写和首字母缩写etc.
WWW
在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。
仅对于 IE 5 中的 acronym 元素有效。
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
运行结果：
注：当把鼠标放到etc和WWW缩略词语上时会显示完整的title内容：
etceteraWorld Wide Web
6、文字方向
此例演示如何改变文字的方向。
文字方向
该段落文字从左到右显示。
该段落文字从右到左显示。
运行结果：
7、块引用
此例演示如何实现长短不一的引用语。
块引用
WWF's goal is to:Build a future where people live in harmony with nature.We hope they succeed.
运行结果：
直接引用一段话
8、删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。
删除字效果和插入字效果
My favorite color is blue red!
运行结果：