HTML 常用標籤
| 標籤說明 | 原始碼範例 (Source Code) | 實際渲染效果 (Preview) |
|---|---|---|
| 標題 |
<h1>標題 1</h1> <h1>標題 2</h2> <h3>標題 3</h3> |
標題 1標題 2標題 3 |
| 水平線 | <hr> | |
| 換行 | 第一行<br>第二行 | 第一行 第二行 |
| 粗體 |
<strong>粗體重點</strong> |
粗體重點 |
| 斜體 | <em>斜體強調</em> | 斜體強調 |
| 刪除線 |
<del>刪除的文字</del> |
|
| 螢光筆 |
<mark>螢光筆重點</mark> |
螢光筆重點 |
| 無序列表 |
<ul> <li>蘋果</li> <li>香蕉</li> </ul> |
|
| 有序列表 |
<ol> <li>蘋果</li> <li>香蕉</li> </ol> |
|
| 超連結 |
<a href="index.html">這是連結</a> |
這是連結 |
| 圖片 | <img src="img.webp" alt="圖片"> |
|
| 區塊引用 |
<blockquote> 三人行，必有我師焉。 </blockquote> |
三人行，必有我師焉。 |
| 程式碼區塊 |
<pre> if (happy) { smile(); } </pre> |
if (happy) {
smile();
}
|
| 詳細資料 |
<details> <summary>點我展開</summary> 隱藏的內容在此。 </details> |
點我展開隱藏的內容在此。 |