當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > html定義列表元素d1

html定義列表元素d1

2012/11/17 12:11:27作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

html定義列表元素d1

定義列表是一種兩個層次的列表,用于解釋名詞的定義,名詞為第一層次,解釋為第二層次,并且不包含項(xiàng)目符號。定義列表也稱為字典列表,因?yàn)樗c字典具有相同的格式。在定義列表中,每個列表項(xiàng)帶有一個縮進(jìn)的定義字段,就好像字典對文字進(jìn)行解釋一樣。通過<dl>、<dr>、<dd>標(biāo)記建立定義列表。

【基本語法】

<dl>
          <dt>···</dt>
                  <dd>···</dd>
                          <dd>···</dd>
               ···
              <dt>···</dt>
                  <dd>···</dd>
                          <dd>···</dd>
                                                  ···
                  </dl>

【語法介紹】

<dl></d1>標(biāo)記用來創(chuàng)建定義列表,<dt</dt>標(biāo)記用來創(chuàng)建列表中的上層項(xiàng)目,此標(biāo)記只能在<dl></dl>標(biāo)記中使用,顯示時<dt></dt>標(biāo)記定義的內(nèi)容將左對齊。<dd></dd>標(biāo)記用來創(chuàng)建列表中的下層項(xiàng)目,此標(biāo)記也只能在<dl></dl>標(biāo)記中使用,顯示時<dd></dd>標(biāo)記定義的內(nèi)容將相對于<d></dt>標(biāo)記定義的內(nèi)容向右縮進(jìn)。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定義列表元素</title> </head> <body> <p><strong>公司招聘信息:</strong>   <dl>   <dt>職位要求:</dt> <dd>女,158CM以上,五官端正,身體健康。</dd> <dd>有一年以上工作經(jīng)驗(yàn),愛崗敬業(yè),作風(fēng)正派,無不良嗜好,無犯罪前科。</dd> <dd>實(shí)行8小時工作制,月休4天,本職位一經(jīng)錄用,公司即提供具有競爭力的薪酬福利待遇。</dd> <dt>享受待遇:</dt> <dd>終身享受一流的國際化專業(yè)銷售、管理等各項(xiàng)培訓(xùn); </dd> <dd>底薪+傭金+獎金+管理津貼+長期服務(wù)獎等多達(dá)20項(xiàng)收入+旅游等; </dd> <dd>一旦錄用,將享受完善的福利待遇(意外保險、醫(yī)療保險等); </dd> <dd>廣闊的發(fā)展空間,公平、公開、透明的晉升制度。 </dd> </dl><br /> <br /> </body> </html>

【代碼分析】

在代碼中,加粗的部分用<dt></dt>標(biāo)記定義了上層項(xiàng)目“職位要求”和“享受待遇”,并用<dd></dd>標(biāo)記分別定義了其相應(yīng)的下層項(xiàng)目,它們之間以縮進(jìn)的形式使層次清晰,效果如圖所示。

定義列表元素d1運(yùn)行效果

 【素材及源碼下載】

請點(diǎn)擊:html定義列表元素d1 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  定義列表  元素