3.3　項目符號與編號

本節介紹HTML網頁的項目符號與編號，這在論文、報告和文獻等文章格式中比較常見。

3.3.1　符號列表

符號列表在文檔中是一種比較常見的表現形式，符號可以定義為多種樣式，譬如：圓點符號、星型符號、箭頭符號等。在HTML網頁中，可以通過ul-li標簽元素來實現無序的符號列表。

下面是一個設置不同風格符號列表的HTML示例代碼（詳見源代碼ch03/ch03-html-ul-li.html文件）。

【代碼3-7】

【代碼解析】

第11～15行代碼使用ul標簽元素定義了type="disc"樣式的符號列表，"disc"樣式表示實心圓點，同時該樣式也為ul標簽元素的默認樣式。

第16～20行代碼使用ul標簽元素定義了type="circle"樣式的符號列表，"circle"樣式表示空心圓圈。

第21～25行代碼使用ul標簽元素定義了type="square"樣式的符號列表，"square"樣式表示實心方形。

運行測試網頁，效果如圖3.7所示。

3.3.2　編號列表

編號列表在文檔中也是一種比較常見的表現形式，同時編號也可以定義為多種樣式，譬如：阿拉伯數字、羅馬數字、字母等。在HTML網頁中，可以通過ol-li標簽元素來實現有序的編號列表。

下面是一個設置不同風格編號列表的HTML示例代碼（詳見源代碼ch03/ch03-html-ol-li.html文件）。

【代碼3-8】

【代碼解析】

第11～15行代碼使用ol標簽元素定義了type="1"樣式的編號列表，"1"樣式表示阿拉伯數字。同時，該樣式也是ol標簽元素的默認樣式。

第17～24行代碼使用ol標簽元素定義了type="I"樣式的編號列表，"I"樣式表示大寫羅馬數字。同時，第19～22行代碼定義了type="i"樣式的二級編號列表，"i"樣式表示小寫羅馬數字。

第26～35行代碼使用ol標簽元素定義了type="A"樣式的編號列表，"A"樣式表示大寫字母。同時，第28～32行代碼定義了type="a"樣式的二級編號列表，"a"樣式表示小寫字母。

運行測試網頁，效果如圖3.8所示。

3.3.3　自定義列表

自定義列表不僅僅是一列項目，同時也是項目及其注釋的組合。自定義列表以dl標簽元素開始，每個自定義列表項以dt標簽元素開始，每個自定義列表項的定義以dd標簽元素開始。

下面是一個設置自定義列表的HTML示例代碼（詳見源代碼ch03/ch03-html-ol-li.html文件）。

【代碼3-9】

【代碼解析】

第11～18行代碼使用<dl>標簽元素定義了自定義列表。

第12行、第14行和第16行代碼使用<dt>標簽元素定義了自定義列表項。

第13行、第15行和第17行代碼使用<dd>標簽元素定義了上面三個自定義列表項的注釋。

運行測試網頁，效果如圖3.9所示。