- 單一清單項目：li
- 項目清單：ul
- li
- 序號清單：ol
- li
- 定義清單(有縮排沒有點)：dl
- 清單項目：dt
- 清單說明：dd
- 清單項目：dt
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<title>第二個網頁測試</title>
<meta charset="UTF-8">
<style>
/*
* 這裡放CSS，而且style中只能放斜線星號註解
*/
</style>
<script>
/*
* java script
*/
</script>
</head>
<body>
<h2>櫻花鉤吻鮭</h2><!--先放標題，標題佔一行-->
<dl><!--代表清單開始-->
<dt>學名：</dt><!--大分類-->
<dd>Oncorhynchus masou formosanus</dd><!--細項-->
<dt>俗名：</dt>
<dd>台灣鮭魚、台灣鱒、梨山鱒、次高山鱒等等</dd>
</dl><!--清單結束-->
<h2>項目清單‧中國朝代</h2>
<ul><!--清單開始，關鍵字：ul-->
<li>唐</li>
<li>宋</li>
<li>元</li>
<li>明</li>
<li>清</li>
</ul><!--清單結束-->
l
<h2>序號清單‧中國朝代</h2>
<ol><!--清單開始，關鍵字：ol-->
<li>唐</li>
<li>宋</li>
<li>元</li>
<li>明</li>
<li>清</li>
</ol><!--清單結束-->
<h2>子清單‧中國朝代服飾</h2>
<ol><!--第一層清單開始，關鍵字：ol-->
<li>唐<!--在唐朝裡增加第二層子清單，唐朝服飾-->
<ul>
<li>齊胸儒裙</li><!--在唐朝服飾裡增加第三層子清單，服飾資料-->
<ol>
<li>貴族</li>
<li>盛唐</li>
</ol>
<li>圓領袍</li>
<li>坦領裙</li>
</ul>
</li><!--在唐朝裡增加子清單結束-->
<li>宋</li>
<li>元</li>
<li>明</li>
<li>清</li>
</ol><!--清單結束-->
</body>
</html>
留言列表
【前端網頁開發技術】 (4)
