HTML开发之——文本格式化(11)

一 概述

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

  • 文本格式化
  • 预格式文本
  • "计算机输出"标签
  • 地址
  • 缩写和首字母缩写
  • 文字方向
  • 块引用
  • 删除字效果和插入字效果

二 实例

2.1 文本格式化

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

1
2
3
4
<b>加粗文本</b><br/>
<i>斜体文本</i><br/>
<code>电脑自动输出</code><br/>
这是<sub>下标</sub>和<sup>上标</sup>

2.2 预格式文本

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

1
2
3
4
5
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>

2.3 "计算机输出"标签

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

1
2
3
4
<code>计算机输出</code><br/>
<kbd>键盘输入</kbd><br/>
<samp>计算机代码样本</samp><br/>
<var>计算机变量</var>

2.4 地址

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

1
2
3
4
5
6
7
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

2.5 缩写和首字母缩写

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

1
2
<abbr title="etcetera">etc.</abbr><br/>
<acronym title="World Wide Web">WWW</acronym>

2.6 文字方向

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

1
<p><bdo dir="rtl">该段落文字从右到左显示</bdo></p>

2.7 块引用

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

1
<p>我们的目标是:<q>行业第一</q></p>

2.8 删除字效果和插入字效果

此例演示如何标记删除文本和插入文本

1
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

三 标签

3.1 文本格式化标签

标签 描述
<b> 定义粗体文本
<big> 定义大号字
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
<s> 不赞成使用。使用<del>代替
<strike> 不赞成使用。使用<del>代替
<u> 不赞成使用。使用\样式(style)代替

3.2 “计算机输出”标签

标签 描述
<code> 定义计算机代码
<kdb> 定义键盘码
<samp> 定义计算机代码样本
<tt> 定义打字机代码
<var> 定义变量
<pre> 定义预格式文本
<listing> 不赞成使用。使用<pre>代替
<plaintext> 不赞成使用。使用<pre>代替
<xmp> 不赞成使用。使用<pre>代替

3.3 引用、引用和术语定义

标签 描述
<abbr> 定义缩写
<acronym> 定义首字母缩写
<address> 定义文字方向
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、印证
<dfn> 定义一个定义项目