【7】HTML基礎(3)——HTML常用標籤③
阿新 • • 發佈:2021-01-31
【7】HTML基礎(3)——HTML常用標籤③
★文章內容學習來源:拉勾教育大前端就業集訓營
接上篇
#目錄
八、無序列表標籤
八、無序列表標籤
列表用於製作HTML中的一系列專案;
通常我們會將內容相關、結構相似、樣式相近的內容使用列表結構進行搭建;
根據專案的內容不同,可以有三種語義的列表結構:無序列表、有序列表、定義列表;
常見列表情況:
①無序列表
(一)語法:
1.無序列表需要兩個標籤參與,分別是<ul>
和<li>
;
ul
:unordered list,表示定義一個無序列表的大結構;
li
:list item,列表項,定義的是無序列表內的某一項;
<ul>
和<li>
是巢狀關係;3.一個列表中可以有任意個列表項。
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
(二)注意事項
1.<ul>
內部只能巢狀<li>
,<li>
標籤不能脫離<ul>
單獨書寫;
2.<li>
標籤是一個經典的容器級標籤,內部可以放置任意內容,甚至可以放一組無序列表結構;
3.無序列表的列表項<li>
之間,沒有順序的先後之分,它們的重要程度是相同的;
下篇繼續列表相關標籤…