HTML提供了多種標簽用于文本的格式化，這些標簽可以改變文本的外觀（如粗細、斜體）或賦予文本特定的含義（如強調、引用）。
1. 基本文本樣式標簽
（1）粗體文本
使用<b>或<strong>標簽可以使文本顯示為粗體：
<b>：僅表示文本為粗體，無特殊語義
<strong>：表示文本具有重要性，有語義，搜索引擎會給予更多權重
示例：
<p>這是<b>粗體文本</b>（使用b標簽）</p> <p>這是<strong>重要的粗體文本</strong>（使用strong標簽）</p>
顯示效果：
這是粗體文本（使用b標簽）
這是重要的粗體文本（使用strong標簽）
（2）斜體文本
使用<i>或<em>標簽可以使文本顯示為斜體：
<i>：僅表示文本為斜體，無特殊語義，常用于技術術語、外來語等
<em>：表示文本需要強調，有語義，屏幕閱讀器會重讀該部分
示例：
<p>這個<i>術語</i>來自拉丁語（使用i標簽）</p> <p>請<em>立即閱讀</em>這部分內容（使用em標簽）</p>
顯示效果：
這個術語來自拉丁語（使用i標簽）
請立即閱讀這部分內容（使用em標簽）
（3）其他文本樣式標簽
<u>：為文本添加下劃線（注意：不要用于鏈接，鏈接默認有下劃線）
<s>：為文本添加刪除線，表示內容已被刪除或不再有效
<mark>：為文本添加黃色背景，類似于熒光筆標記效果
<small>：使文本變小，常用于免責聲明、版權信息等
<sup>：上標文本，常用于腳注或數學公式
<sub>：下標文本，常用于化學公式
示例：
<p>這是<u>帶下劃線的文本</u></p> <p>原價：<s>199元</s>，現價：99元</p> <p>請重點關注<mark>這部分內容</mark></p> <p>主要內容<small>（注：最終解釋權歸本公司所有）</small></p> <p>數學公式：a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></p> <p>化學公式：H<sub>2</sub>O 是水的分子式</p>
顯示效果：
這是帶下劃線的文本
原價：199元，現價：99元
請重點關注這部分內容
主要內容（注：最終解釋權歸本公司所有）
數學公式：a2?+ b2?= c2
化學公式：H2O 是水的分子式
2. 語義化文本標簽
除了改變文本外觀，HTML還提供了一些具有特定語義的文本標簽，這些標簽不直接改變文本樣式（或僅有輕微改變），但能幫助瀏覽器和搜索引擎理解文本的含義。
<abbr>：表示縮寫詞，可通過title屬性提供完整含義
<address>：表示聯系地址，通常顯示為斜體
<blockquote>：表示長引用，通常會縮進顯示
<q>：表示短引用，會自動添加引號
<cite>：表示引用的作品名稱（如書籍、文章標題）
<code>：表示計算機代碼，通常使用等寬字體
<pre>：表示預格式化文本，保留文本中的空格和換行
示例：
<p>我們使用<abbr title="HyperText Markup Language">HTML</abbr>創建網頁。</p><p>聯系地址：</p>
<address>北京市海淀區中關村大街1號<br>聯系電話：12345678
</address><p>以下是一段長引用：</p>
<blockquote>生活就像海洋，只有意志堅強的人，才能到達彼岸。
</blockquote><p>孔子說：<q>學而時習之，不亦說乎？</q></p><p>我最近在讀<cite>《HTML入門到精通》</cite>這本書。</p><p>使用<code>console.log()</code>可以在控制臺輸出信息。</p><p>以下是一段代碼：</p>
<pre>
function greet() {console.log("Hello, World!");
}
greet();
</pre>顯示效果：
我們使用HTML創建網頁。
聯系地址：
北京市海淀區中關村大街1號
聯系電話：12345678
以下是一段長引用：
生活就像海洋，只有意志堅強的人，才能到達彼岸。
孔子說：學而時習之，不亦說乎？
我最近在讀《HTML入門到精通》這本書。
使用console.log()可以在控制臺輸出信息。
代碼：
function greet() {console.log("Hello, World!");
}
greet();
