<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8"> <title>無序列表</title> </head> <body> <h1>創建一個無序列表</h1> <ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ul> </body></html>效果如下：如圖所示：每個列表項前面有個小黑點。該樣式可以通過CSS改變或者刪除。
<ol>標簽
<ol>標簽定義一個有序列表，同樣要與<li>元素一起用。顧名思義，有序列表是可以通過數字、字母等標記出順序的。<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8"> <title>無序列表</title> </head> <body> <h1>創建一個有序列表</h1> <ol> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ol> </body></html>效果如下：有序列表的列表項前面默認是以阿拉伯數字的標記的，可通過"type"屬性改變其類型。type屬性值可以是阿拉伯數字、大小羅馬數字、大小英文字母。如：type="1||a||A||I||i"當type="a"時，
<ol type="a"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ol>效果如下：同樣，當type="A"時，
同理，當type="I"時,
<ol type="I"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ol>效果如下:最后,當type=”i“時，也有不一樣的效果，
<ol type="i"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ol>效果如下：當然，也可以分別為<li>列表項定義type。注：type屬性不建議直接使用，用CSS代替改變其樣式。type屬性屬于樣式類，為了使內容、樣式兩者分離建議使用CSS改變。
<dl>、<dt>、<dd>標簽
<dl>標簽定義一個描述列表，<dt>標簽定義一個描述項目/名字，<dd>標簽定義項目/名字的詳細信息，這三者需一起使用。常用于對某個事物的描述等。<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8"> <title>描述列表</title> </head> <body> <h1>創建一個描述列表</h1> <dl> <dt>HTML</dt> <dd>HTML是一種標記語言，用來描述HTML文檔（網頁）。</dd> <dt>CSS</dt> <dd>CSS是層疊樣式表，用來改變HTML標簽的樣式的，使頁面更豐富多彩。</dd> <dt>javascript</dt> <dd>js是一種腳本語言，是為網頁添加交互等的，它的功能很強大。</dd> </dl> </body></html>效果如下：可以看出，<dd>包含的項目的詳細信息是自動縮進的。<menu>標簽定義一個菜單列表，目前沒有主瀏覽器支持。
新聞熱點
疑難解答
