有序順序表的定義「有序表和順序表的區別」

本文學習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-hant/n/269180.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-16 13:14
下一篇 2024-12-16 13:14

相關推薦

發表回復

登錄後才能評論