什么是html列表
html列表分為有序列,無序列表和自定義列表。
1.無序列表:無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。無序列表始于 <ul> 標簽。每個列表項始于 <li>。示例如下:
代碼:
<ul>
<li>javascript</li>
<li>java</li>
</ul>
效果:
無序列表.png
2.有序列表:有序列表也是一列項目,列表項目使用數字進行標記。
有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。示例如下:
代碼:
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>
效果:
有序列表.png
3.自定義列表:自定義列表不僅僅是一列項目,而是項目及其注釋的組合。自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。示例如下:
代碼:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
效果:
自定義列表.png
列表的嵌套使用
html的列表允許嵌套使用,但是<ul><l>標簽必須同時使用,<ol><li>標簽必須同時使用。示例如下:
代碼:
<ul>
<li>javascript
<ol>
<li>第一章
<ul>
<li>const</li>
<li>let</li>
</ul>
</li>
<li>第二章
<ul>
<li>function</li>
<li>object</li>
</ul>
</li>
</ol>
</li>
<li>java
<ol>
<li>第一章
<ul>
<li>class</li>
<li>package</li>
</ul>
</li>
<li>第二章
<ul>
<li>private</li>
<li>public</li>
</ul>
</li>
</ol>
</li>
</ul>
效果:
列表任務.png