當前位置:妙知谷 >

遊戲數碼 >互聯網 >

怎麼製作網頁中的列表?

怎麼製作網頁中的列表?

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張
標籤: 網頁 列表
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zh-hk/sm/hulianwang/oyrjj.html