HTML 可定義很多供格式化輸出的元素，比如粗體和斜體字。
下面有很多例子，您可以親自試試：
文本格式化
此例演示如何在一個(gè) HTML 文件中對文本進(jìn)行格式化
<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
預(yù)格式文本
此例演示如何使用 pre 標(biāo)簽對空行和空格進(jìn)行控制。
<html>
<body>
<pre>
這是
預(yù)格式文本。
它保留了 空格
和換行。
</pre>
<p>pre 標(biāo)簽很適合顯示計(jì)算機(jī)代碼：</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
“計(jì)算機(jī)輸出”標(biāo)簽
此例演示不同的“計(jì)算機(jī)輸出”標(biāo)簽的顯示效果。
<html>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注釋：</b>這些標(biāo)簽常用于顯示計(jì)算機(jī)/編程代碼。
</p>
</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>
縮寫和首字母縮寫
此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫。
<html><body>
<abbr title=“etcetera”>etc.</abbr> <br /> <acronym title=“World Wide Web”>WWW</acronym>
<p>在某些瀏覽器中，當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí)，title 可用于展示表達(dá)的完整版本。</p>
<p>僅對于 IE 5 中的 acronym 元素有效。</p>
<p>對于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body> </html>
文字方向
此例演示如何改變文字的方向。
<html>
<body>
<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會從右向左輸出 (rtl)；
</p>
<bdo dir=“rtl”>
Here is some Hebrew text
</bdo>
</body>
</html>
塊引用
此例演示如何實(shí)現(xiàn)長短不一的引用語。
<html>
<body>
這是長的引用：
<blockquote>
這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。
</blockquote>
這是短的引用：
<q>
這是短的引用。
</q>
<p>
使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現(xiàn)。
</p>
</body>
</html>
刪除字效果和插入字效果
此例演示如何標(biāo)記刪除文本和插入文本。
<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多數(shù)瀏覽器會改寫為刪除文本和下劃線文本。</p>
<p>一些老式的瀏覽器會把刪除文本和下劃線文本顯示為普通文本。</p>
</body>
</html>
查看 HTML 源碼通常很簡單，這取決于你是在什么環(huán)境下查看。以下是一些常見的方法來查看 HTML 源碼：
F12 或 Ctrl+Shift+I（在 Mac 上是 Cmd+Option+I）打開開發(fā)者工具，然后點(diǎn)擊“Elements”標(biāo)簽查看頁面的 HTML 結(jié)構(gòu)。請注意，查看或下載網(wǎng)頁的源碼可能受到版權(quán)法和網(wǎng)站服務(wù)條款的限制。在嘗試查看或復(fù)制任何網(wǎng)站的源碼之前，請確保你遵守了所有相關(guān)的法律和條款。
| 標(biāo)簽 | 描述 | 示例 |
|---|---|---|
<b> | 加粗文本 | <b>這是加粗文本</b> |
<strong> | 強(qiáng)調(diào)文本（通常以加粗顯示） | <strong>這是強(qiáng)調(diào)文本</strong> |
<i> | 斜體文本 | <i>這是斜體文本</i> |
<em> | 強(qiáng)調(diào)文本（通常以斜體顯示） | <em>這是強(qiáng)調(diào)文本</em> |
<u> | 下劃線文本 | <u>這是下劃線文本</u> |
<s> | 刪除線文本 | <s>這是刪除線文本</s> |
<sub> | 下標(biāo)文本 | H<sub>2</sub>O |
<sup> | 上標(biāo)文本 | x<sup>2</sup> |
<pre> | 預(yù)格式化文本（保留空格和換行） | <pre>這是 預(yù) 格式化 文本</pre> |
請注意，<strong> 和 <em> 標(biāo)簽不僅僅是樣式標(biāo)簽，它們還表示強(qiáng)調(diào)，有助于屏幕閱讀器等輔助技術(shù)為視障用戶提供更好的體驗(yàn)。類似地，<b> 和 <i> 僅是樣式標(biāo)簽，不提供額外的語義信息。
在編寫 HTML 時(shí)，推薦使用 <strong> 和 <em> 而不是 <b> 和 <i>，以便為內(nèi)容提供額外的語義信息，除非樣式是重點(diǎn)且沒有額外的語義含義。
此外，雖然 <u> 標(biāo)簽仍然存在，但根據(jù) HTML5 規(guī)范，它不再表示強(qiáng)調(diào)或重要性，而是應(yīng)該僅用于表示拼寫錯誤或其他非標(biāo)準(zhǔn)的文本。如果需要表示強(qiáng)調(diào)，應(yīng)使用 <em> 或 <strong> 標(biāo)簽。同樣，<s> 標(biāo)簽用于表示刪除的文本，而不僅僅是添加刪除線樣式。
| 標(biāo)簽/屬性 | 描述 | 示例 |
|---|---|---|
<pre> | 預(yù)格式化文本，保留空格和換行 | <pre>這是預(yù)格式化的計(jì)算機(jī)輸出</pre> |
<code> | 表示計(jì)算機(jī)代碼文本 | <code>print(“Hello, World!”)</code> |
<samp> | 表示計(jì)算機(jī)程序或系統(tǒng)的樣本輸出 | <samp>輸出結(jié)果為: 42</samp> |
<kbd> | 表示用戶輸入（如鍵盤輸入） | <kbd>Ctrl+C</kbd> |
white-space CSS屬性 | 控制文本如何處理空白字符 | style=“white-space: pre;” 保留所有空白和換行 |
這些標(biāo)簽可以幫助你在HTML文檔中更好地展示計(jì)算機(jī)代碼、用戶輸入或計(jì)算機(jī)輸出。例如，你可以使用<pre>標(biāo)簽來展示一段格式化的計(jì)算機(jī)輸出，或者使用<code>標(biāo)簽來突出顯示代碼片段。
請注意，這些標(biāo)簽主要用于樣式和語義的改進(jìn)，并不會影響內(nèi)容的實(shí)際功能或行為。在使用這些標(biāo)簽時(shí)，還應(yīng)考慮到可訪問性和（SEO）的最佳實(shí)踐。
如果你需要更具體的“計(jì)算機(jī)輸出”相關(guān)標(biāo)簽或?qū)傩?，并且這些標(biāo)簽或?qū)傩圆皇菢?biāo)準(zhǔn)的HTML元素，那可能是特定于某個(gè)框架、庫或應(yīng)用的自定義元素。在這種情況下，你需要參考相關(guān)文檔或資源以獲取準(zhǔn)確的信息。
| 標(biāo)簽 | 描述 |
|---|---|
| <abbr> | 定義縮寫。 |
| <acronym> | 定義首字母縮寫。 |
| <address> | 定義地址。 |
| <bdo> | 定義文字方向。 |
| <blockquote> | 定義長的引用。 |
| <q> | 定義短的引用語。 |
| <cite> | 定義引用、引證。 |
| <dfn> | 定義一個(gè)定義項(xiàng)目。 |