HTML 文字格式化

10.1 開始格式化

使用 <b>, <strong>, <i>, <em>, <u> 和 <small> 這些標籤來格式化文字，可以讓 web 開發者改善可讀性並突出文本的某些部分。每個標籤都有其特定的用途:

• <b>: 粗體字，沒有額外的意義
• <strong>: 粗體字，強調重要性
• <i>: 斜體字，用於風格上的強調
• <em>: 斜體字，帶有邏輯或語義的強調
• <u>: 下劃線文字，用於視覺上的強調
• <small>: 小字，用於次要信息

理解和正確使用這些標籤有助於創建更簡潔且視覺吸引力的網頁。

文字格式化的主要標籤

<b> 和 <strong> 標籤

<b> 標籤用來將文本用粗體顯示，但沒有特殊的語義意義。 <strong> 標籤也令文本變成粗體，但賦予了它額外的語義意義，表示文本的重要性或意義。

    
      <p>這段文字是 <b>粗體</b>，而這段文字是 <strong>非常重要的粗體</strong>。</p>
    
  

<i> 和 <em> 標籤

<i> 標籤用來將文本用斜體顯示，沒有特殊語義意義。 <em> 標籤令文本變成斜體並表示文本的重點或重要性。

    
      <p>這段文字是 <i>斜體</i>，而這段文字是 <em>非常重要的斜體</em>。</p>
    
  

<u> 和 <ins> 標籤

<u> 標籤用來給文字添加下劃線。 <ins> 標籤也會下劃線文字，但用於表示插入的文本，這在變更跟蹤的上下文中很有意義。

    
      <p>這段文字是 <u>下劃線</u>的，而這段文字是 <ins>插入的下劃線</ins>。</p>
    
  

<s> 和 <del> 標籤

<s> 標籤用來將文字劃掉。 <del> 標籤也會劃掉文字，但用於表示刪除的文本，這在變更跟蹤的上下文中很有意義。

    
      <p>這段文字是 <s>劃掉的</s>，而這段文字是 <del>刪除的劃掉的</del>。</p>
    
  

<mark> 標籤

<mark> 標籤用來突出顯示在當前上下文中具有特別意義或重要性的文本。 <mark> 標籤中的文本會顯示為帶有黃色背景。

    
      <p>這段文字 <mark>被突出顯示</mark> 用來吸引注意力。</p>
    
  

<small> 標籤

<small> 標籤用來顯示比正常文本小的文字。

    
      <p>這是主要文本，而這是 <small>小字文本</small>。</p>
    
  

<sub> 和 <sup> 標籤

<sub> 和 <sup> 標籤分別用來創建下標和上標文字。

    
      <p>這是帶下標的文本 H<sub>2</sub>O 和帶上標的文本 x<sup>2</sup>。</p>
    
  

10.2 換行

<br> 標籤

<br> 標籤用來插入換行符，將文本移動到新行 但不創建新段落。

    
      <p>這是有換行符的文本<br>在同一段落中。</p>
    
  

<hr> 標籤

<hr> 標籤用來插入水平線，視覺上將網頁內容分開。

    
      <p>線上方的文本。</p>
      <hr>
      <p>線下方的文本。</p>
    
  

1

問卷/小測驗

表格，等級 5，課堂 5

未開放

表格

表格

開啟