既上回合我們已經提過(ul) 無序清單 (ol) 有序清單 (li) 清單 這三者之間的關聯性。
這篇我們將針對第3個 (dl) 定義列表清單 跟大家介紹一下 :
(dl) 內容區塊 +(dt) 內容標題 +(dd) 內容 = 使用在具有標題、標題對應內容的資訊。
語法 :
<dl>
<dt> 我是標題 </dt>
<dd> 我是內容1 </dd>
<dd> 我是內容2 </dd>
<dd> 我是內容3 </dd>
</dl>
呈現:
我是標題
我是內容1
我是內容2
我是內容3
-----------------------------------------------------------------------------------------------------------------------------
為了使標題與內容更有區別性，可以在行內寫入style，如下 :
語法 :
<dl>
<dt style="color:#60; font-size:15px; font-weight:bold;"> 我是標題 </dt>
<dd> 我是內容1 </dd>
<dd> 我是內容2 </dd>
<dd> 我是內容3 </dd>
</dl>
*** 在 (dt) 內容標題寫入顏色為紅，字級為15px，字體為粗體。***
呈現:
我是標題
我是內容1
我是內容2
我是內容3
*** 這樣一來標題與內容就有區別出來了。***
Posts
