<body>
<ol>
<li>東方</li>
<li>西方</li>
<li type=”a”>南方</li>
<li type=”i”>北方</li>
</ol>
<ul>
<li>春天</li>
<li>夏天</li>
<li type=”circle”>秋天</li>
<li type=”square”>冬天</li>
</ul>
</body>

<ol>:
為編號式的清單,預設樣式為數字,可利用屬性type更改成其他樣式。不過如果學完CSS後,都是通過CSS做更改的。<ul>:
為項目式的清單,預設樣式為圓點(disc),也是利用屬性type更改,有圓圈(circle)及方塊(square)樣式。<li>:
清單裡的項目。
<body>
<dl>
<dt>名詞甲</dt>
<dd>定義1</dd>
<dt>名詞乙</dt>
<dd>定義1</dd>
<dd>定義2</dd>
</dl>
</body>

<dl>:
為定義清單,通常由一系列的名詞及定義所組成。<dt>:
放需被解釋定義的名詞。<dd>:
放其名詞的定義。
<body>
<ul>
<li>桌電</li>
<li>手機
<ul>
<li>蘋果</li>
<li>三星</li>
</ul>
</li>
<li>筆電</li>
</ul>
</body>

巢狀清單:
再項目中放入一個或更多次清單,預設中次清單的樣式會跟主清單不同。