怎麼製作網頁中的列表?

來源:酷知科普網 2.92W

HTML中的列表分為有序和無序,有序就是以數字或字母的順序排列的;無序就是沒有大小、前後的區別,一般以“點”排列。

有序列表

(01)有序列表的標籤為<ol>,<li>是列表內容的標籤,我們寫一個例子。

怎麼製作網頁中的列表?

(02)li標籤裡寫上我們的需要排序的內容,內容就以數字的順序排列出來。

怎麼製作網頁中的列表? 第2張

(03)不同型別的序列。除了數字,字母也是常見的排序標識。在<ol>標籤裡嵌入type="型別"程式碼就可以改變排序標識。(A就是按大寫字母排序;a就是按小寫字母排序;1就是按數字排序;i是按小寫羅馬數字排序;I是按大寫羅馬數字排序)

怎麼製作網頁中的列表? 第3張

無序列表

(01)有序列表的標籤為<ul>,內容的標籤也是<li>,同樣也寫一個例子。

怎麼製作網頁中的列表? 第4張

(02)我們的列表以黑色原點排列出來。

怎麼製作網頁中的列表? 第5張

(03)不同型別的序列。同有序列表一樣在<ul>標籤裡嵌入type="型別"程式碼就可以改變排序標識。(disc是黑點,系統預設;circle是圓圈;square是正方形)

怎麼製作網頁中的列表? 第6張

巢狀列表

(01)當一個列表內容裡還有細分的列表,就需要我們巢狀一個列表進去。一樣的在li標籤裡放ul或ol。例子,如下。

怎麼製作網頁中的列表? 第7張

(02)兩種巢狀列表的瀏覽效果。

怎麼製作網頁中的列表? 第8張
熱門標籤