HTML 文字與段落標籤 | 梧所不學

文字與段落是組成網頁內容的重要元素之一，HTML 中除了有定義段落的標籤，還有其他負責標題、列表、分隔等功能的標籤，本文將介紹 HTML 裡文字與段落的常用標籤。

<p> 標籤：定義段落

用於定義一個文本區塊，它會自動產生間距，使段落內容清晰可讀。

<p>這是一個段落。</p>

<h1> 到 <h6> 標籤：定義標題

用於定義不同層級的標題，<h1> 是最高層級的標題，<h6> 是最低層級的標題。

<h1>這是一個主要標題</h1> 
<h2>這是一個次要標題</h2> 
<h3>這是一個更小的標題</h3>

<ul> 標籤：無序列表

用於定義一個無序列表，列表中的項目使用 <li> 標籤表示。

<ul>
	<li>項目 1</li>
	<li>項目 2</li>
	<li>項目 3</li>
</ul>

<ol> 標籤：有序列表

用於定義一個有序列表，與 <ul> 標籤相似，但可以透過 type屬性添加編號。

<ol type="1">
	<li>項目 1</li>
	<li>項目 2</li>
	<li>項目 3</li>
</ol>

<br> 標籤：換行

用於在段落中插入一個換行符，當你需要在段落中強制換行時，可以使用這個標籤。

<p>這是一個段落，<br>
這是第二行。</p>

<hr> 標籤：水平線

用於在段落之間插入一條水平線，可以分隔不同區域的內容。

<p>這是第一個段落。</p>
<hr>
<p>這是第二個段落。</p>

<blockquote> 標籤：引用內容

用於引用其他來源的內容，例如名言、文章摘錄等。

<blockquote>
  <p>這是一句名言。</p>
  <footer>— 某某某</footer>
</blockquote>

<pre> 標籤：預格式化文本

用於顯示需要保留原始格式的文本，保留文本中的空格和換行。

<pre>
  這是一段
  預格式化的
  文字。
</pre>

<div> 標籤：區塊元素

用於定義一個區塊元素，可以包含其他 HTML 元素，通常用來佈局和樣式控制。

<div>
  <p>這是一個段落。</p>
  <img src="image.jpg" alt="圖片">
</div>

<span> 標籤：行內元素

用於定義一個行內元素，可以包含文字或其他行內元素，通常用來做行內樣式控制。

<p>這是一段文字，<span>其中一部分文字</span>被特別標記。</p>

結語

這些就是 HTML 裡文字與段落相關的常用標籤，熟練的使用這些標籤，可以幫助你規劃要呈現的網頁內容。