【網頁設計自學】HTML的空格、註解、換行
HTML的空格、註解；換行
HTML 空格（Space）
在 HTML 中，連續空格會被縮成一個。若要強制保留多個空格，可以使用幾個常見的跳脫字元：
：不斷行空白（最常用）
 ：半形空格
 ：全形空格
範例
阿 元 → 阿 元（會顯示兩個空格）
阿&ensp元 → 阿 元 → 半形空格
阿&emsp元 → 阿 元 → 全形空格
HTML 換行（Line Break）
HTML 中最常用的換行方式有以下三種：
- <br>：強制換行（最常用）
- <p>：段落換行（語意正確）
- <pre>：保留所有空白與換行
範例
第一行<br> 第二行 <p>第一段</p> <p>第二段</p> <pre> 這裡 的空格會被保留 換行也會保留 </pre>
HTML 註解（Comment）
註解不會出現在網頁畫面上，只出現在原始碼，非常適合暫時隱藏區塊。
使用方式
<!-- 這裡是註解 --> <!-- 這裡可以放一段完整 HTML <p>這段不會顯示</p> -->
簡單的示範
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>這是一個討論 Html 中的換行、註解、空格的文章</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落的文字</p>
<br>
<br>
<!-- 這一段是 html 註解用法，不會顯示 -->
<h2>這一段 h2 是第二段標題</h2>
<p>這是一個段落的文字</p>
</body>
</html>
示範頁面：HTML的空格、註解、換行
留言
張貼留言