當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


HTML <dd>用法及代碼示例

HTML中的<dd>標記代表定義描述,用於表示描述列表中項目的描述或定義。段落,換行符,圖像,鏈接,列表可以插入<dd>標記內。 HTML中的<dd>標記與定義描述列表的<dl>標記和定義描述列表中的術語的<dt>標記一起使用。 <dd>標記需要一個開始,但結束標記是可選的。

用法:

<dd> Contents... </dd>

以下程序說明了HTML中的<dd>元素:

範例1:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML dd Tag</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            h1, h2 { 
                text-align:center; 
            } 
            body { 
                width:70%; 
            } 
            dt { 
                color:red;  
            } 
        </style>  
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><dd> Tag</h2> 
        <dl> 
            <dt>Geeks Classes</dt> 
            <dd>It is an extensive classroom programme  
            for enhancing DS and Algo concepts.</dd> 
            <br> 
            <dt>Fork Python</dt> 
            <dd>It is a course designed for beginners  
            in python.</dd> 
            <br> 
            <dt>Interview Preparation</dt> 
            <dd>It is a course designed for preparation 
            of interviews in top product based companies.</dd> 
        </dl> 
    </body> 
</html>                    

輸出:



範例2:本示例使用具有顯示屬性的<dd>標記。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML dd Tag</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            h1, h2 { 
                text-align:center; 
            } 
            body { 
                width:70%; 
            } 
            dt { 
                color:red;  
            } 
            dd {  
                display:inline; 
                margin-left:60px; 
            } 
        </style>  
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><dd> Tag</h2> 
        <dl> 
            <dt>Geeks Classes</dt> 
            <dd>It is an extensive classroom programme  
            for enhancing DS and Algo concepts.</dd> 
            <br> 
            <dt>Fork Python</dt> 
            <dd>It is a course designed for beginners  
            in python.</dd><br> 
            <dt>Interview Preparation 
            </dt> 
            <dd>It is a course designed for preparation 
            of interviews in top product based companies.</dd> 
        </dl> 
    </body> 
</html>                    

輸出:

支持的瀏覽器:<dd>標簽支持的瀏覽器如下:

  • 穀歌瀏覽器
  • IE瀏覽器
  • Firefox
  • Opera
  • Safari

相關用法


注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | <dd> Tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。