HTML列表簡介:有序列表屬性及其type屬性
列表在一些表格,文本中經常遇得到,都是一種數據的排列方式。網頁中我們也會經常遇到列表,在html中,列表分為三個類型:有序列表、無序列表和定義列表。
文檔列表
有序列表
有序列表:在列表內各項是有順序的,一般用數字或者字幕來排序,默認狀態下是數字。
有序列表標籤<ol></ol>,語法如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<ol>
Advertisements
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
<li>第四列</li>
</ol>
</body>
</html>
有序列表
註:ol,即是「ordered list」(有序列表)。li,即是「list item」(列表項)。
<ol>標籤和<li>在html中是搭配使用的,沒有單獨使用的。然而在<ol>標籤內不可以存在其他標籤,一般只能存在<li>。
有序列表的type屬性
有序列表列表只有數字順序嗎?難道不可以通過其它的順序排列嗎?答案是肯定的,在這裡我們就用到了有序列表的type屬性。
Advertisements
語法如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表type屬性</title>
</head>
<body>
<ol type="a">
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
<li>第四列</li>
</ol>
</body>
</html>
有序列表type屬性
通過上邊測試我們發現列表表現可以通過小寫字母排列,其實type值還可以是其它類型,比如:大小寫字母,大小寫羅馬數字等。關於有序列表的內容說到這裡就差不多說完了,有興趣的可以在閑暇時間進行測試,有什麼不懂得問題可以在下方評論區互動,我會一一解答大家的問題。