HTML 文本格式化的简单实例(详解)

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

1. html>   
2.   
3. body>   
4.   
5. b> This text is bold/b>   
6.   
7. br />   
8.   
9. strong> This text is strong/strong>   
10.   
11. br />   
12.   
13. Big> This text is big/big>   
14.   
15. br />   
16.   
17. em> This text is emphasized/em>   
18.   
19. br />   
20.   
21. i> This text is ITalic/i>   
22.   
23. br />   
24.   
25. small> This text is small/small>   
26.   
27. br />   
28.   
29. This text contains   
30. sub> subscript/sub>   
31.   
32. br />   
33.   
34. This text contains   
35. sup> suPErscript/sup>   
36.   
37. /body>   
38. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. pre>   
6. 这是   
7. 预格式文本。   
8. 它保留了      空格   
9. 和换行。   
10. /pre>   
11.   
12. p> pre 标签很适合显示计算机代码：/p>   
13.   
14. pre>   
15. for i = 1 to 10   
16.      print i   
17. next i   
18. /pre>   
19.   
20. /body>   
21. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. code> Computer code/code>   
6. br />   
7. kbd> Keyboard input/kbd>   
8. br />   
9. tt> Teletype text/tt>   
10. br />   
11. samp> Sample text/samp>   
12. br />   
13. VAR> Computer variable/var>   
14. br />   
15.   
16. p>   
17. b> 注释：/b> 这些标签常用于显示计算机/编程代码。   
18. /p>   
19.   
20. /body>   
21. /html>   

效果如下：

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

1. !DOCTYPE html>   
2. html>   
3. body>   
4.   
5. address>   
6. Written by a href="mailto:webmaster@example.COM"> Donald Duck/a> .br>     
7. Visit us at:br>   
8. Example.combr>   
9. Box 564, Disneylandbr>   
10. USA   
11. /address>   
12.   
13. /body>   
14. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. abbr title="etcetera"> etc./abbr>   
6. br />   
7. acronym title="World Wide Web"> WWW/acronym>   
8.   
9. p> 在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。/p>   
10.   
11. p> 仅对于 IE 5 中的 acronym 元素有效。/p>   
12.   
13. p> 对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。/p>   
14.   
15. /body>   
16. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. p>   
6. 如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；   
7. /p>   
8.   
9. bdo dir="rtl">   
10. Here is some Hebrew text   
11. /bdo>   
12.   
13. /body>   
14. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. 这是长的引用：   
6. blockquote>   
7. 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。   
8. /blockquote>   
9.   
10. 这是短的引用：   
11. q>   
12. 这是短的引用。   
13. /q>   
14.   
15. p>   
16. 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。   
17. /p>   
18.   
19. /body>   
20. /html>   

效果如下：

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

1. html>   
2.   
3. body>   
4.   
5. p> 一打有 del> 二十/del>  ins> 十二/ins>  件。/p>   
6.   
7. p> 大多数浏览器会改写为删除文本和下划线文本。/p>   
8.   
9. p> 一些老式的浏览器会把删除文本和下划线文本显示为普通文本。/p>   
10.   
11. /body>   
12. /html>   

效果如下：

以上这篇HTML 文本格式化的简单实例(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！