程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

<dl> 為區塊元素 (block element) ，將標記內容顯示成說明清單，每個項目使用 <dt> 標記，說明部份則用 <dd> 標記。

起始標籤	結束標籤
需要	選擇性的

舉例如下

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<dl>
 <dt>第一個項目符號</dt>
  <dd>第一個說明</dd>
  <dd>第二個說明</dd>
 <dt>第二個項目符號</dt>
  <dd>第三個說明</dd>
  <dd>第四個說明</dd>
 <dt>第三個項目符號</dt>
  <dd>第五個說明</dd>
  <dd>第六個說明</dd>
</dl>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：listexample05.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟，結果如下

<dt> 為項目內容， <dd> 則是說明，這部份預設的樣式有縮排。

通常 <dl> 用為術語表，例如

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<dl>
 <dt><dfn>Firefox</dfn></dt>
  <dd>由 Mozilla 基金會開發瀏覽器。</dd>
  <dd><a href="http://www.mozilla.org/">
  http://www.mozilla.org/</a></dd>
 <dt><dfn>Google Chrome</dfn></dt>
  <dd>由 Google 開發的瀏覽器。</dd>
  <dd><a href="http://www.google.com/chrome/?hl=zh-TW">
  http://www.google.com/chrome/?hl=zh-TW</a></dd>
 <dt><dfn>Safri</dfn></dt>
  <dd>由 Apple 開發的瀏覽器。</dd>
  <dd><a href="http://www.apple.com/tw/safari/">
  http://www.apple.com/tw/safari/</a></dd>  
 <dt><dfn>Internet Explorer</dfn></dt>
  <dd>由 Microsoft 開發的瀏覽器。</dd>
  <dd><a href="http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home">
  http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home</a></dd>  
</dl>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：listexample06.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

如下