什么是html列表
html列表分为有序列,无序列表和自定义列表。
1.无序列表:无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。示例如下:
代码:
<ul>
<li>javascript</li>
<li>java</li>
</ul>
效果:
2.有序列表:有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。示例如下:
代码:
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>
效果:
3.自定义列表:自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。示例如下:
代码:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
效果:
列表的嵌套使用
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>
效果: