寫文章的時候偶爾會用到縮排的技巧讓文章更有整體感，在 HTML 的文章編排中，可以使用 <blockquote> 標籤來達到縮排效果，而且重覆使用可以縮排更多個單位，這樣的技巧也可以用在部落格的文章中，看看以下的範例就知道如何使用囉！

範例一、HTML blockquote 縮排語法，僅縮一個單位

<blockquote>這裡是縮排文字</blockquote>

呈現效果
僅使用一組 <blockquote> 標籤將文字包含在內，這樣就可以縮排一個單位。


範例二、HTML blockquote 縮排語法，縮兩個單位

<blockquote><blockquote>這裡是縮排文字</blockquote></blockquote>

呈現效果
由範例二可以看到我們一次使用了兩個 <blockquote> 標籤，相較於範例一，已經成功的縮了兩個單位的縮排距離，你也可以嘗試多單位的縮排，只要用更多 <blockquote> 標籤層層包覆即可。

您可能會想看

• HTML div 標籤
• 設計 HTML 圖片與圖片邊框間的距離
• DIV 區塊內文字與邊框的距離調整
• HTML TABLE 表格內的文字行高
• DIV 區塊內的文字行高設計
• 替 HTML button 按鈕增加背景圖片
• HTML img title 與 img alt 的差別
• 用 CSS 設計 HTML 表格欄位內文字靠下對齊
• 用 CSS 設計 HTML 表格欄位內文字靠上對齊
• HTML Table colspan 屬性

今日熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法

即時熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法