HTML列表知識有序列表無序列表定義列表

列表在HTML中是一個常用的操作，幾乎良多網頁都呈現了列表來顯示數據。今天我就在這里來分享下有序列表、無序列表和界說列表的相關常識。從界說到實例的一個總結和概況。

東西/原料

電腦
HTML，UE編纂器

有序列表

1
有序列表是ol標簽和li標簽的組合暗示，<ol>暗示有序列表的起頭，</ol>暗示有序列表的竣事。這里為了申明有序列表的用法，將張三，王四，李五，馬六用有序列表來暗示出來。
<html>
<head><title>列表節制</title></head>
<body>

<ol>
<li>張三</li>
<li>王四</li>
<li>李五</li>
<li>馬六</li>
</ol>
</body>
</html>
如下圖可以看到執行的成果，前面主動天機了1234作為序號。
2
良多時辰我們想在HTML中利用ABCD或者其他的需要來作為有序列表的序號該怎么做呢？
在HTML中供給了小寫字母a來用小寫字母暗示列表的序號，年夜寫字母A用年夜寫字母來暗示列表的序號，i小寫羅馬數字來暗示序號和I這個年夜寫的羅馬數字來暗示序號。可以看如下實例。
可以看到如下圖的代碼和例子，用年夜寫字母作為這個有序列表的序號，寫法是type="A"，執行成果是A、B、C、D的序號。
3
對于有序列表來說，我們可能碰到一種環境是第二頁接著第一頁繼續書寫的，第二頁的序號不從一起頭的。對于這個環境我們該怎么設計呢？
序號不從一起頭的，HTML給ul供給了一個屬性，他就是start屬性，具體用法如下實例：（這個有序列表從10起頭）
<html>
<head><title>列表節制</title></head>
<body>

<ol type="1" start="10">
<li>張三</li>
<li>王四</li>
<li>李五</li>
<li>馬六</li>
</ol>
</body>
</html>
可以看到這個有序列表是從10起頭的，往下繼續的一個序列號。

無序列表

1
HTML中無序列表是用<ul>和<li>的組合節制標簽，<ul></ul>節制了無序列表的起頭和竣事，<li>/li>節制了列表中的項。具體實例如下：
<html>
<head><title>列表節制</title></head>
<body>

<ul>
<li>張三</li>
<li>王四</li>
<li>李五</li>
<li>馬六</li>
</ul>
</body>
</html>
從下圖執行成果可以看出，無序列表默認的是圓心實點作為無序列表的標識。
2
若是我么不想無序列表前面的標識是圓心的實點該怎么辦呢？
這里供給了disc 實心圓，circle空心圓，square實心方塊這幾種項目符號便利大師利用。具體實例如下：
<html>
<head><title>列表節制</title></head>
<body>

<ul type="square">
<li>張三</li>
<li>王四</li>
<li>李五</li>
<li>馬六</li>
</ul>
</body>
</html>
可以看到項目符號釀成了實心的方塊了。其實還有自界說的項目符文，這個我放在零丁的一個經驗中了。

界說序列

1
界說列表是經由過程<dl><dt><dd>這三個組合標簽來實現的，<dl></dl>暗示界說序列的起頭和竣事，<dt></dt>暗示這被詮釋的內容<dd></dd>對被詮釋內容的一個詮釋。
<html>
<head><title>列表節制</title></head>
<body>

<dl>
<dt>測驗科目</dt></dt>
<dd>語文</dd>
<dd>數學</dd>
<dd>英語</dd>
</dl>
</body>
</html>
可以看到，被詮釋的是測驗科目，詮釋內容為下面這三個科目。這此中用到了縮進來暗示的。