HTML文本格式化实例

HTML文本格式化实例

在网页中我们会看到各种各样的文本。比如加粗、倾斜、删除线和下划线等。下面有些例子，我们一块来看看效果吧。

文本格式化

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

定义粗体文本bold
这是加粗strong效果
这是大号字big效果
这是emphasized效果
这个是i斜体字效果
这是小号字体small效果
定义下标字_sub
定义上标字^sup

预格式文本

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

这是预格式文本。它保留了 空格和换行。

pre 标签很适合显示计算机代码：

for i = 1 to 10 print inext i

“计算机输出”标签

此例演示不同的“计算机输出”标签的显示效果。

Computer code
Keyboard input
Teletype text
Sample text
Computer variable

注释：这些标签常用于显示计算机/编程代码。

邮件

此例演示如何在 HTML 文件中写邮件。

缩写和首字母缩写

此例演示如何实现缩写或首字母缩写。

etc.
WWW

在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

文字倒向输出

此例演示如何改变文字的方向。

如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；

块引用

此例演示如何实现长短不一的引用语。

这是长的引用：

这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。

使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。

删除字效果和插入字效果

此例演示如何标记删除文本和插入文本。

一打有 二十 十二 件。

大多数浏览器会改写为删除文本和下划线文本。

一些老式的浏览器会把删除文本和下划线文本显示为普通文本。