選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 首頁 HTML 簡介 HTML 編輯器 HTML 基礎 HTML 元素 HTML 屬性 HTML 標題 HTML 段落 HTML 樣式 HTML 格式化 HTML 引用 HTML 註釋 HTML 顏色 HTML CSS HTML 連結 HTML 影像 HTML 收藏夾圖示 HTML 頁面標題 HTML 表格 HTML 列表 HTML 塊和內聯 HTML Div HTML 類 HTML Id HTML Iframes HTML JavaScript HTML 檔案路徑 HTML Head HTML 佈局 HTML 響應式 HTML Computercode HTML 語義 HTML 風格指南 HTML 實體 HTML 符號 HTML 表情符號 HTML 字元集 HTML URL 編碼 HTML vs. XHTML

HTML 表單

HTML 表單 HTML 表單屬性 HTML 表單元素 HTML 輸入型別 HTML 輸入屬性 輸入表單屬性

HTML 圖形

HTML Canvas HTML SVG

HTML 媒體

HTML 媒體 HTML 影片 HTML 音訊 HTML 外掛 HTML YouTube

HTML API

HTML 地理定位 HTML 拖放 HTML Web 儲存 HTML Web Workers HTML SSE

HTML 示例

HTML 示例 HTML 編輯器 HTML 測驗 HTML 練習 HTML 網站 HTML 面試準備 HTML 新兵訓練營 HTML 證書 HTML 摘要 HTML 無障礙性

HTML 參考

HTML 標籤列表 HTML 屬性 HTML 全域性屬性 HTML 瀏覽器支援 HTML 事件 HTML 顏色 HTML Canvas HTML 音訊/影片 HTML Doctype HTML 字元集 HTML URL 編碼 HTML Lang 程式碼 HTTP 訊息 HTTP 方法 PX 到 EM 轉換器 鍵盤快捷鍵

HTML 段落


段落總是以新行開始,通常是一段文字。


HTML 段落

HTML <p> 元素定義了一個段落。

段落總是以新行開始,瀏覽器會自動在段落前後新增一些空白(邊距)。

示例

<p>這是一個段落。</p>
<p>這是另一個段落。</p>
自己動手試一試 »

HTML 顯示

你無法確定 HTML 將如何顯示。

螢幕大小不同,視窗大小調整也會導致不同的結果。

使用 HTML,你無法透過在 HTML 程式碼中新增額外的空格或額外行來更改顯示。

瀏覽器在顯示頁面時會自動刪除所有額外的空格和行。

示例

<p>
這個段落
包含了很多行
在原始碼中,
但是瀏覽器
忽略了它。
</p>

<p>
這個段落
包含        很多空格
在原始碼        中,
但是       瀏覽器
忽略了它。
</p>
自己動手試一試 »


HTML 水平分割線

HTML 頁面中的 <hr> 標籤定義了一個主題分隔,通常顯示為一條水平線。

<hr> 元素用於分隔 HTML 頁面中的內容(或定義一個更改)。

示例

<h1>這是標題 1</h1>
<p>這是文字。</p>
<hr>
<h2>這是標題 2</h2>
<p>這是另一段文字。</p>
<hr>
自己動手試一試 »

<hr> 標籤是一個空標籤,意味著它沒有結束標籤。


HTML 換行

HTML <br> 元素定義了一個換行。

如果你想換行(新的一行)而不開始新段落,請使用 <br>

示例

<p>這是<br>一段<br>包含換行的段落。</p>
自己動手試一試 »

<br> 標籤是一個空標籤,意味著它沒有結束標籤。


詩歌問題

這首詩將顯示在單行上

示例

<p>
  我的邦妮在海洋那邊。

  我的邦妮在海洋那邊。

  我的邦妮在海洋那邊。

  哦,帶回我的邦妮給我。
</p>
自己動手試一試 »

解決方案 - HTML <pre> 元素

HTML <pre> 元素定義了預格式化文字。

<pre> 元素內的文字以固定寬度的字型(通常是 Courier)顯示,並且它保留了空格和換行。

示例

<pre>
  我的邦妮在海洋那邊。

  我的邦妮在海洋那邊。

  我的邦妮在海洋那邊。

  哦,帶回我的邦妮給我。
</pre>
自己動手試一試 »


HTML 標籤參考

W3Schools 的標籤參考包含了關於 HTML 元素及其屬性的額外資訊。

標籤 描述
<p> 定義一個段落
<hr> 定義內容的語義分隔
<br> 插入單個換行
<pre> 定義預格式化文字

有關所有可用 HTML 標籤的完整列表,請訪問我們的 HTML 標籤參考


影片:HTML 段落

Tutorial on YouTube
Tutorial on YouTube



×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援