# HTML 文本格式化 **HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。** **下面有很多例子,您可以亲自试试:** ## HTML 文本格式化实例 [文本格式化](/tiy/t.asp?f=html_textformatting) ``` &lt;html&gt; &lt;body&gt; &lt;b&gt;This text is bold&lt;/b&gt; &lt;br /&gt; &lt;strong&gt;This text is strong&lt;/strong&gt; &lt;br /&gt; &lt;big&gt;This text is big&lt;/big&gt; &lt;br /&gt; &lt;em&gt;This text is emphasized&lt;/em&gt; &lt;br /&gt; &lt;i&gt;This text is italic&lt;/i&gt; &lt;br /&gt; &lt;small&gt;This text is small&lt;/small&gt; &lt;br /&gt; This text contains &lt;sub&gt;subscript&lt;/sub&gt; &lt;br /&gt; This text contains &lt;sup&gt;superscript&lt;/sup&gt; &lt;/body&gt; &lt;/html&gt; ``` [预格式文本](/tiy/t.asp?f=html_preformattedtext) ``` &lt;html&gt; &lt;body&gt; &lt;pre&gt; 这是 预格式文本。 它保留了 空格 和换行。 &lt;/pre&gt; &lt;p&gt;pre 标签很适合显示计算机代码:&lt;/p&gt; &lt;pre&gt; for i = 1 to 10 print i next i &lt;/pre&gt; &lt;/body&gt; &lt;/html&gt; ``` [“计算机输出”标签](/tiy/t.asp?f=html_computeroutput) ``` &lt;html&gt; &lt;body&gt; &lt;code&gt;Computer code&lt;/code&gt; &lt;br /&gt; &lt;kbd&gt;Keyboard input&lt;/kbd&gt; &lt;br /&gt; &lt;tt&gt;Teletype text&lt;/tt&gt; &lt;br /&gt; &lt;samp&gt;Sample text&lt;/samp&gt; &lt;br /&gt; &lt;var&gt;Computer variable&lt;/var&gt; &lt;br /&gt; &lt;p&gt; &lt;b&gt;注释:&lt;/b&gt;这些标签常用于显示计算机/编程代码。 &lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` [地址](/tiy/t.asp?f=html_address) ``` &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;address&gt; Written by &lt;a href="mailto:webmaster@example.com"&gt;Donald Duck&lt;/a&gt;.&lt;br&gt; Visit us at:&lt;br&gt; Example.com&lt;br&gt; Box 564, Disneyland&lt;br&gt; USA &lt;/address&gt; &lt;/body&gt; &lt;/html&gt; ``` [缩写和首字母缩写](/tiy/t.asp?f=html_abbracronym) ``` &lt;html&gt; &lt;body&gt; &lt;abbr title="etcetera"&gt;etc.&lt;/abbr&gt; &lt;br /&gt; &lt;acronym title="World Wide Web"&gt;WWW&lt;/acronym&gt; &lt;p&gt;在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。&lt;/p&gt; &lt;p&gt;仅对于 IE 5 中的 acronym 元素有效。&lt;/p&gt; &lt;p&gt;对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` [文字方向](/tiy/t.asp?f=html_bdo) ``` &lt;html&gt; &lt;body&gt; &lt;abbr title="etcetera"&gt;etc.&lt;/abbr&gt; &lt;br /&gt; &lt;acronym title="World Wide Web"&gt;WWW&lt;/acronym&gt; &lt;p&gt;在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。&lt;/p&gt; &lt;p&gt;仅对于 IE 5 中的 acronym 元素有效。&lt;/p&gt; &lt;p&gt;对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` [块引用](/tiy/t.asp?f=html_quotations) ``` &lt;html&gt; &lt;body&gt; 这是长的引用: &lt;blockquote&gt; 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。 &lt;/blockquote&gt; 这是短的引用: &lt;q&gt; 这是短的引用。 &lt;/q&gt; &lt;p&gt; 使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。 &lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` [删除字效果和插入字效果](/tiy/t.asp?f=html_delins) ``` &lt;html&gt; &lt;body&gt; &lt;p&gt;一打有 &lt;del&gt;二十&lt;/del&gt; &lt;ins&gt;十二&lt;/ins&gt; 件。&lt;/p&gt; &lt;p&gt;大多数浏览器会改写为删除文本和下划线文本。&lt;/p&gt; &lt;p&gt;一些老式的浏览器会把删除文本和下划线文本显示为普通文本。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` ## 如何查看 HTML 源码 您是否有过这样的经历,当你看到一个很棒的站点,你会很想知道开发人员是如何将它实现的? 你有没有看过一些网页,并且想知道它是如何做出来的呢? 要揭示一个网站的技术秘密,其实很简单。单击浏览器的“查看”菜单,选择“查看源文件”即可。随后你会看到一个弹出的窗口,窗口内就是实际的 HTML 代码。 ## 文本格式化标签 | 标签 | 描述 | | --- | --- | | [`<b>`](/tags/tag_font_style.asp) | 定义粗体文本。 | | [`<big>`](/tags/tag_font_style.asp) | 定义大号字。 | | [`<em>`](/tags/tag_phrase_elements.asp) | 定义着重文字。 | | [`<i>`](/tags/tag_font_style.asp) | 定义斜体字。 | | [`<small>`](/tags/tag_font_style.asp) | 定义小号字。 | | [`<strong>`](/tags/tag_phrase_elements.asp) | 定义加重语气。 | | [`<sub>`](/tags/tag_sup.asp) | 定义下标字。 | | [`<sup>`](/tags/tag_sup.asp) | 定义上标字。 | | [`<ins>`](/tags/tag_ins.asp) | 定义插入字。 | | [`<del>`](/tags/tag_del.asp) | 定义删除字。 | | [`<s>`](/tags/tag_strike.asp) | _不赞成使用。_使用 `<del>` 代替。 | | [`<strike>`](/tags/tag_strike.asp) | _不赞成使用。_使用 `<del>` 代替。 | | [`<u>`](/tags/tag_u.asp) | _不赞成使用。_使用样式(style)代替。 | ## “计算机输出”标签 | 标签 | 描述 | | --- | --- | | [`<code>`](/tags/tag_phrase_elements.asp) | 定义计算机代码。 | | [`<kbd>`](/tags/tag_phrase_elements.asp) | 定义键盘码。 | | [`<samp>`](/tags/tag_phrase_elements.asp) | 定义计算机代码样本。 | | [`<tt>`](/tags/tag_font_style.asp) | 定义打字机代码。 | | [`<var>`](/tags/tag_phrase_elements.asp) | 定义变量。 | | [`<pre>`](/tags/tag_pre.asp) | 定义预格式文本。 | | `<listing>` | _不赞成使用。_使用 `<pre>` 代替。 | | `<plaintext>` | _不赞成使用。_使用 `<pre>` 代替。 | | `<xmp>` | _不赞成使用。_使用 `<pre>` 代替。 | ## 引用、引用和术语定义 | 标签 | 描述 | | --- | --- | | [`<abbr>`](/tags/tag_abbr.asp) | 定义缩写。 | | [`<acronym>`](/tags/tag_acronym.asp) | 定义首字母缩写。 | | [`<address>`](/tags/tag_address.asp) | 定义地址。 | | [`<bdo>`](/tags/tag_bdo.asp) | 定义文字方向。 | | [`<blockquote>`](/tags/tag_blockquote.asp) | 定义长的引用。 | | [`<q>`](/tags/tag_q.asp) | 定义短的引用语。 | | [`<cite>`](/tags/tag_phrase_elements.asp) | 定义引用、引证。 | | [`<dfn>`](/tags/tag_phrase_elements.asp) | 定义一个定义项目。 | ## 延伸阅读: [改变文本的外观和含义](/html/html_style.asp "HTML 教程延伸阅读:改变文本的外观和含义")