HTML 文本格式化

HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。

下面有很多例子，您可以亲自试试：

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

文本格式化，字体加粗，变大，倾斜，变小，向上，向下

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

pre 
<html>

<body>

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

<p>pre 标签很适合显示计算机代码：</p>

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

</body>
</html>

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

计算机输出标签

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

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
mailto邮件地址

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

缩写，鼠标移动到缩写可以完整显示

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

从右向左依次输出

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

块引用

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

删除和插入 
<html>

<body>

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

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

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

</body>
</html>

延伸阅读

 

posted @ 2022-02-24 15:44  F11  阅读(293)  评论(0)    收藏  举报