HTML 文本格式化实例

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

This text is bold


This text is strong


This text is big


This text is emphasized


This text is italic


This text is small




This text contains
subscript


This text contains
superscript

效果如下：

二，预格式文本：此例演示如何使用 pre 标签对空行和空格进行控制。

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


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

for i = 1 to 10
     print i
next i

效果如下：

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

Computer code

Keyboard input

Teletype text

Sample text

var>Computer variablevar>


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

效果如下：

四，地址：此例演示如何在 HTML 文件中写地址。

Written by "mailto:[e-mail]">Donald Duck.
 
Visit us at:

Example.com

Box 564, Disneyland

USA

效果如下：

五，缩写和首字母缩写：此例演示如何实现缩写或首字母缩写。

"etcetera">etc.

"World Wide Web">WWW

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

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

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

效果如下：

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

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


"rtl">
Here is some Hebrew text

效果如下：

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

这是长的引用：

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


这是短的引用：

这是短的引用。



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

效果如下：

八，删除子效果和插入子效果。

一打有 二十  件。

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

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

效果如下：