HTML学习（三）文本格式化

HTML文本格式化
HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
例1:此例演示如何在一个 HTML 文件中对文本进行格式化
<html>

<body>

This text is bold

This text is strong

This text is emphasized

This text is italic

This text is small

This text contains
subscript

This text contains
superscript

</body>
</html>

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

<body>

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

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

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>

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

<body>

<code>Computer code</code>
 
<kbd>Keyboard input</kbd>
 
<tt>Teletype text</tt>
 
<samp>Sample text</samp>
 
<var>Computer variable</var>

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

</body>
</html>

例4:此例演示如何在 HTML 文件中写地址。
<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>. 
Visit us at: 
Example.com 
Box 564, Disneyland 
USA
</address>

</body>
</html>

例5:此例演示如何实现缩写或首字母缩写。
<html>

<body>

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

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

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

</body>
</html>

例6:此例演示如何改变文字的方向。
<html>

<body>

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

<bdo dir="rtl">
Here is some Hebrew text
</bdo>

</body>
</html>

例7:此例演示如何实现长短不一的引用语。
<html>

<body>

这是长的引用：
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

这是短的引用：
<q>
这是短的引用。
</q>

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

</body>
</html>

例8:此例演示如何标记删除文本和插入文本。
<html>

<body>

一打有 <del>二十</del> <ins>十二</ins> 件。

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

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

</body>
</html>

文本格式化标签
 　　　　定义粗体文本
<big> 　　　定义大号字
 　　　定义着重字
 　　　　定义斜体字
 　　定义小号字
 　定义加重语气
 　　定义下标字
 　　　定义上标字
<ins> 　　　定义插入字
<del> 　　　定义删除字
 　　　　不赞成使用。使用样式（style）代替

“计算机输出”标签
<code> 　　定义计算机代码
<kbd> 　　定义键盘码
<samp> 　定义见算计代码样本
<tt> 　　　定义打自己代码
<var> 　　定义变量
<pre> 　　定义预格式文本

引用、引证和术语定义
<abbr> 　　　　定义缩写
<acronym> 　　　定义首字母缩写
<address> 　　　定义地址
<bdo> 　　　　　定义文字方向
<blockquote> 　　定义长的引用
<q> 　　　　定义短的引用
<cite> 　　　　定义引用、引证
<dfn> 　　　　定义一个定义项目

秒客网

HTML学习（三）文本格式化

相关文章