HTML入門7_常用標籤_列表
阿新 • • 發佈:2020-12-11
技術標籤:HTML5入門
列表項內部可以使用段落、換行符、圖片、連結以及其他列表等等。
有序列表
網頁上定義一個有編號的內容,列表專案使用數字進行標記。 有序列表始於 <ol>
標籤。每個列表始於 <li>
標籤。
<ol> <li>第1條內容</li> <li>第2條內容</li> <li>第3條內容</li> <li>第4條內容</li> <li>第5條內容</li> </ol>
執行結果:
無序列表:
專案使用粗體圓點(典型的小黑圓圈)進行標記。 有序列表始於 <ul>
標籤。每個列表始於 <li>
標籤。
<ul>
<li>第1條內容</li>
<li>第2條內容</li>
<li><a href="#">第3條內容</a></li>
<li><a href="#">第4條內容</a></li>
<li>< a href="#">第5條內容</a></li>
</ul>
執行結果:
自定義列表
自定義列表不僅僅是一列專案,而是專案及其註釋的組合。
自定義列表以 <dl>
標籤開始。每個自定義列表項以 <dt>
開始定義列表中的專案。每個自定義列表項的定義以 <dd>
開始描述列表中的專案。
<dl>
<dt>Coffee</dt>
<dd>black hot drink</dd>
<dt>Milk</dt>
<dd> white cold drink</dd>
</dl>
執行結果: