HTML常用標簽-無序列表與有序列表


列表:

列表用於制作HTML中的一系列項目。
通常我們會將內容相關、結構相似、樣式相近的內容使用列表結構進行搭建。
根據項目的內容不同,可以有三種語義的列表結構:無序列表、有序列表、定義列表。

無序列表:

無序列表標簽:

無序列表需要兩個標簽參與,分別是<ul>和<li>。
ul:unordered list,表示定義一個無序列表的大結構。
li:list item,列表項,定義的是無序列表內的某一項。
<ul>和<li>是嵌套關系,快捷鍵:ul>li。
一個列表中可以有任意個列表項。

 

 注意事項:

1.<ul>內部只能嵌套<li>,<li>標簽不能脫離<ul>單獨書寫。
2.<li>標簽是一個經典的容器級標簽,內部可以放置任意內容,甚至可以放一組ul>li無序列表結構.
3.無序列表的列表項<li>之間,沒有順序的先后之分,它們的重要程度是相同的。
4.無序列表的作用只是搭建列表結構,沒有添加樣式前綴的功能,樣式是由css負責。

有序列表:

 

有序列表標簽:

 

有序列表的語法與無序列表非常類似,只是在語義上有差異。
有序列表由兩個標簽組成,分別是<ol>和<li>。
ol:ordered list,表示定義一個有序的列表的大結構。
li:list item,定義的是有序列表的每一項。<ol>和<li>是嵌套關系,快捷鍵:ol>li。
<ol>標簽內部可以嵌套任意多個<li>標簽。
注意事項:
1.<ol>內部只能嵌套<li>標簽,而<li>不能脫離<ol>單獨書寫。
2.<li>標簽是一個經典的容器級標簽,內部可以放置任意內容,甚至可以放ol>li。
3.有序列表的列表項<li>之間,存在順序先后之分,根據內容的順序需要合理調整書寫位置。
4.有序列表的作用只是搭建有順序的列表結構,前面的數字排序樣式不是<ol>標簽的作用,而是css負責的。

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM