# 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 教程延伸閱讀：改變文本的外觀和含義")