
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內聯框架
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格標題與說明
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱與值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 雜項
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 碼錶查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - <dd> 標籤
HTML <dd> 標籤用於定義前面資料術語 <dt> 在描述列表 <dl> 中的描述、定義或值。
在<dd>標籤內,我們可以使用段落(<p>)、換行符(<br>)、圖片(<img>)、連結(<a>)、列表(<li>)等。如果 nowrap 屬性的值設定為“yes”,則描述文字將不會換行。此屬性的預設值為“no”。
語法
<dt> <dd></dd> <dd></dd> …. </dt>
屬性
HTML dd 標籤示例
下面的示例將說明 dd 標籤的使用方法。在哪裡、何時以及如何使用 dd 標籤。
建立描述列表元素
在以下程式中,我們使用 <dl> 標籤建立一個描述列表。然後,我們在 <dl> 標籤內使用 <dd> 標籤建立一個數據描述,以顯示列表項的資料描述。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML dd Tag</title> </head> <body> <!--create a description list--> <dl> <dt>HTML</dt> <dd> Hyper Text Markup Language(single data description). </dd> </dl> </body> </html>
帶有 nowrap 屬性的描述列表元素
在此示例中,我們使用 <dl> 標籤建立一個描述列表。然後,我們使用 <dd> 標籤的 nowrap 屬性來管理描述文字的換行。我們將 nowarp 屬性的值設定為“yes”,這表示資料描述文字將不會換行。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML Description lists</title> </head> <body> <!--create a description list--> <dl> <dt>Paragraph</dt> <dd nowrap="yes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum error illum ipsum perspiciatis voluptatem, ab rem, laboriosam alias voluptatibus deleniti commodi eveniet? Recusandae, accusantium ex facilis enim odio rem in?</dd> </dl> </body> </html>
建立多個描述列表元素
在此程式中,我們使用 <dd> 和 <dt> 標籤在描述列表 <dl> 內建立多個數據描述和多個數據術語,以顯示前面資料術語的資料術語和資料描述。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML Description lists</title> </head> <body> <!--create a description list--> <dl> <dt>Name</dt> <dd nowrap="yes">Rohan</dd> <dt>Age</dt> <dd nowrap="yes">22</dd> <dt>Address</dt> <dd nowrap="no">Vill: Lambhua, City: Sultanur, pin-code: 228152, State: Uttar Pradesh, Country: India</dd> </dl> </body> </html>
支援的瀏覽器
標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
dd | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告