1. 程式人生 > 其它 >【7】HTML基礎(3)——HTML常用標籤③

【7】HTML基礎(3)——HTML常用標籤③

技術標籤:前端學習中html

【7】HTML基礎(3)——HTML常用標籤③

★文章內容學習來源:拉勾教育大前端就業集訓營
接上篇
#目錄
八、無序列表標籤

八、無序列表標籤

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

①無序列表
來源:阿里巴巴網站,無序列表

(一)語法:

1.無序列表需要兩個標籤參與,分別是<ul><li>;
ul:unordered list,表示定義一個無序列表的大結構;
li:list item,列表項,定義的是無序列表內的某一項;

2.<ul><li>是巢狀關係;
3.一個列表中可以有任意個列表項。

<ul>
   <li>列表項1</li>
   <li>列表項2</li>
   <li>列表項3</li>
</ul>

(二)注意事項
1.<ul>內部只能巢狀<li><li>標籤不能脫離<ul>單獨書寫;
2.<li>標籤是一個經典的容器級標籤,內部可以放置任意內容,甚至可以放一組無序列表結構;
3.無序列表的列表項<li>之間,沒有順序的先後之分,它們的重要程度是相同的;

4.無序列表的作用只是搭建列表結構,沒有新增樣式字首的功能,樣式是由CSS負責。

下篇繼續列表相關標籤…