<DL>通常會由一系列的名詞跟定義組成
※<DL>中通常會看到成對的<DT>及<DD>
原始碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<dl>
<dt>汽車</dt>
<dd>轎車</dd>
<dd>休旅車</dd>
<dt>船</dt>
<dd>客船</dd>
<dd>運輸船</dd>
</dl>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<dl>
<dt>汽車</dt>
<dd>轎車</dd>
<dd>休旅車</dd>
<dt>船</dt>
<dd>客船</dd>
<dd>運輸船</dd>
</dl>
</body>
</html>
輸出畫面：
樹狀：
原始碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<dl>
<dt>交通公具</dt>
<dd>
<dl>
<dt>汽車</dt>
<dd>轎車</dd>
<dd>休旅車</dd>
</dl>
</dd>
<dd>
<dl>
<dt>船</dt>
<dd>客船</dd>
<dd>運輸船</dd>
</dl>
</dd>
</dl>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<dl>
<dt>交通公具</dt>
<dd>
<dl>
<dt>汽車</dt>
<dd>轎車</dd>
<dd>休旅車</dd>
</dl>
</dd>
<dd>
<dl>
<dt>船</dt>
<dd>客船</dd>
<dd>運輸船</dd>
</dl>
</dd>
</dl>
</body>
</html>
輸出畫面：
全站熱搜
留言列表
Bootstrap (2)