HTML入門:[4]列表類的程式碼處理?

本節經驗主要介紹列表方面的處理程式碼內容,包括:

無序列表;

有序列表;

水平線。

方法/步驟

無序列表:

可以用列表方式顯示一系列的內容,但每行內容的行首沒有序列號。可以設定空心圓、實心圓或空心正方形等作為行首標誌。

下面設定程式碼,分別以空心圓、實心圓和空心正方形作為標誌。

HTML入門:[4]列表類的程式碼處理

頁面顯示如下:

HTML入門:[4]列表類的程式碼處理

有序列表:

可以用列表方式顯示一系列的內容,行首可以新增序列號。可以設定數字、英文等方式。首先測試數字標誌位的顯示方法。

程式碼設定如下。

HTML入門:[4]列表類的程式碼處理

頁面顯示如下:

HTML入門:[4]列表類的程式碼處理

測試英文標誌位的有序列表顯示方法。

HTML入門:[4]列表類的程式碼處理

HTML入門:[4]列表類的程式碼處理

測試羅馬數字的有序列表顯示方法。

HTML入門:[4]列表類的程式碼處理

HTML入門:[4]列表類的程式碼處理

水平線

在頁面顯示中經常需要用到水平線來分割頁面內容。下面進行水平線的設定。

分別設定高度為5、顏色為藍色;高度為3、顏色為紅色;高度為1、顏色為黑色的3根水平線。程式碼設定如下:

HTML入門:[4]列表類的程式碼處理

頁面顯示如下:

HTML入門:[4]列表類的程式碼處理

程式碼, 內容, 水平線,
相關問題答案