本文學習HTML中的列表標籤,列表形式在網站設計中佔有比較大的比重,顯示信息非常整齊直觀,便於用戶理解。在後面的CSS樣式學習中將大量使用到列表元素的高級作用。用於組織數據的列表!

列表標籤
在HTML頁面中,合理的使用列表標籤可以起到提綱和格式排序文件的作用。列表是一個接一個顯示條目的首選方式,而不是使用< br>標記。哇整的列表定義包括開始和結束標記,以及表示列表中的每個條目的標記。
列表分為兩大類:有序列表和無序列表。

無序列表
無序列表是一個沒有順序的列表項目,在個條例前面使用●□◇◆等符號以示區隔。類似於菜單。
HTML無序列表始於< ul>標籤。每個列表項始於 < li>;

< ul>< li>的屬性type擁有的選項
disc 默認實心圓
circle 空心圓
square 小方塊
none 不顯示
無序列表-< ul>…< /ul>
ul標記定義無序列表的開始和結束,列表項包含在ul標記中。
無序列表項-< li>…< /li>
li標記添加每個條目的文本,每個列表項必須有自己的li標記
符號類型< ul type=”disc|circle|square”>
默認情況下,瀏覽器將顯示圓形條目符號。這可以通過使用ul標記的type屬性來更改,這將更改整個列表的條目符號類型。
條目符號類型< li tupe=”?”>
通過設置li標記的type屬性,可以為列表中的某個條目設置不同的符號類型。

有序列表
有序列表是一列按照字母或者數字等順序排列的列表項目,注意有序列表的結果是帶有前後順序之分的編號,如果插入和刪除一個列表項,編號會自動調整。
HTML有序列表始於< ol>標籤。每個列表項始於 < li>標籤

< ol>< li>的屬性type擁有的選項
1 decimal 表示列表項目數字標號(1,2,3…)
a lower-alpha表示列表項目用小寫字母標號(a,b,c…)
A upper-alpha表示列表項目用大寫字母標號(A,B,C…)
i lower-roman表示列表項目用小寫羅馬數字標號(i,ii,iii…)
I upper-roman表示列表項目用大寫羅馬數字標號(I,II,III…)
有序列表-< ol>…< /ol>
ol標記定義有序列表的開始和結束。列表項在標記之間按順序排序
有序列表項- < li>…< /li>
有序列表的條目也使用li標記,但這次瀏覽器會自動給每個條目編號,而不是顯示條目符號
列表索引類型-< ol type=”A|a|I|i|1″>
使用type=”?”設置列表索引的類型。默認樣式是數字,還可以從大寫或小寫、字母或羅馬數字中進行選擇。
列表起始位置-< ol start=”?”>
如果不希望列表項跟隨前一個字母或數字,則可以手動設置列表中間的索引值,只需設置條目的value屬性。注意:後續列表項將遵循新值。
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/269180.html
微信掃一掃
支付寶掃一掃