HTML文本格式化实例

来源：互联网 2023-03-16 19:12:03 434

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

HTML文本格式化实例

工具/原料

HTML文本格式化
HTML

方法/步骤

文本格式化

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

html>body>b>定义粗体文本bold/b>br />strong>这是加粗strong效果/strong>br />big>这是大号字big效果/big>br />em>这是emphasized效果/em>br />i>这个是i斜体字效果/i>br />small>这是小号字体small效果/small>br />定义下标字sub>sub/sub>br />定义上标字susup/su/body>/html>

HTML文本格式化实例

预格式文本

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

html>body>pre>这是预格式文本。它保留了空格和换行。/pre>pre 标签很适合显示计算机代码：/pre>for i = 1 to 10 print inext i/pre>/body>/html>

HTML文本格式化实例

“计算机输出”标签

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

html>body>code>Computer code/code>br />kbd>Keyboard input/kbd>br />tt>Teletype text/tt>br />samSample text/sambr />var>Computer variable/var>br />b>注释：/b>这些标签常用于显示计算机/编程代码。//body>/html>

HTML文本格式化实例

邮件

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

html>body>address>邮件a href="mailto:xxx@xxx.com">点击发送邮件到xxx@xxx.com/a>.br> /address>/body>/html>

HTML文本格式化实例

缩写和首字母缩写

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

html>body>abbr title="etcetera">etc./abbr>br />acronym title="World Wide Web">WWW/acronym>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。/仅对于 IE 5 中的 acronym 元素有效。/对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。//body>/html>

HTML文本格式化实例

文字倒向输出

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

html>body>如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；/bdo dir="rtl">Here is some Hebrew text/bdo>/body>/html>

HTML文本格式化实例

块引用

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

html>body>这是长的引用：blockquote>这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。/blockquote>这是短的引用：q>这是短的引用。/q>使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。//body>/html>

HTML文本格式化实例