html无序列表空心圆_若想学前端开发,要从HTML基本元素的列表第二节

本文介绍了HTML中的列表元素,包括无序列表(<ul>和<li>)的使用,其中无序列表可以设置为实心圆、空心圆或方形标记。此外,还讲解了有序列表(<ol>和<li>)的创建,以及通过type属性改变数字标记样式。最后,提到了自定义列表(<dl>、<dt>和<dd>),它用于组合项目及其注释。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

列表

1、无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用 <ul> 标签

<ul>
<li>Coffee</li><li>Milk</li></ul>
<ul>
<li>Coffee</li><li>Milk</li></ul>
<ul>
<li>Coffee</li><li>Milk</li></ul>
<ul>
<li>Coffee</li><li>Milk</li></ul>

浏览器显示如下:

3a066bb6cf3cc514c54a7a5acfe8dc94.png

<ul><li>的属性type 拥有的选项

disc 默认实心圆

circle 空心圆

square 小方块

none 不显示

<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>
<!--无序-->
<ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

6a5b7d9f839c1a5c556b772f3fd89125.png

2、有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li><li>Milk</li></ol>
<ol>
<li>Coffee</li><li>Milk</li></ol>
<ol>
<li>Coffee</li><li>Milk</li></ol>
<ol>
<li>Coffee</li><li>Milk</li></ol>

浏览器中显示如下:

4c80511fb3436860296e063f9ecde274.png

<ol><li>的属性type 拥有的选项

1 表示列表项目用数字标号(1,2,3...)

a 表示列表项目用小写字母标号(a,b,c...)

A 表示列表项目用大写字母标号(A,B,C...)

i 表示列表项目用小写罗马数字标号(i,ii,iii...)

I 表示列表项目用大写罗马数字标号(I,II,III...)

<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol>
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="A">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="a">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="I">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>
<ol type="i">
<li> 烤冷面</li>
<li> 煎饼果子</li>
<li> 麻辣烫</li>
</ol>

a49c2caa1774c8ac70643f8dac8e7fef.png

3、自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>
<dl>
<dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>

浏览器显示如下:

ba4408d628dae527c6d013ebd8b1c44f.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值