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值還可以是其它類型,比如:大小寫字母,大小寫羅馬數字等。關於有序列表的內容說到這裡就差不多說完了,有興趣的可以在閑暇時間進行測試,有什麼不懂得問題可以在下方評論區互動,我會一一解答大家的問題。

Advertisements

你可能會喜歡