網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

怎麼製作網頁中的列表?

欄目: 互聯網 / 發佈於: / 人氣:2.89W

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張
Tags:網頁 列表