html三个列表标签的介绍_html ul ol

作者：从前慢现在也慢 | 2024-03-28 07:55:54

踩

html ul ol

在html标签中，只有三种列表标签，分别是：

1.有序列表<ol></ol>

2.无序列表<ul></ul>

3.定义列表<dl></dl>

其中有序列表和无序列表的差别不大，特殊的是定义列表的格式相较于前两个有变化。

1.有序列表的使用：

(1)首先，该标签的基本格式为：


<ol>
 
    <li></li>
 
<ol>

无论是有序列表<ol>还是无序列表<ul>，都是先在外面写列表标签，然后在里面嵌套列表项标签<li></li>

(2)要注意的是，ol标签有几个type属性(<ol type="1"></ol>),这个type属性是决定现实在网页中的时候，列表项前是由什么符号进行排序。默认的是1，也就是按照1,2,3...来排序，当type="a"时，就是按照a,b,c...来排序（换成大写的A同理），当type="i"时，就是按照罗马数字i,ii,iii,iv,v...来排序（就是游戏用来排序段位的数字，换成大写的"I"同理）。如果取值为"none"就不会显示列表项标识符。

2.无序列表的使用：

(1)该标签的格式为：


<ul>
 
    <li></li>
 
</ul>

(2)该标签也有也有三个type属性，首先是<ul type="disc"></ul>这也是默认的type属性，应用后在网页中列表项前就是用黑色的实心圆进行标记，type还有两个属性值"circle"和"square"，分别是空心圆和实心正方形。如果取值为"none"就不会显示列表项标识符。

2.定义列表的使用：

(1)首先该标签的格式就不同于上面两个标签，其格式为：


<dl>
 
    <dt></dt>
    <dd>
 
    </dd>
 
 
    <dt></dt>
    <dd>
 
    </dd>
 
 
    <dt></dt>
    <dd>
 
    </dd>
 
 
 
 
 
</dl>

定义列表里不使用列表项标签<li>,而是使用了<dt></dt><dd></dd>两个标签，其中<dt>标签是用来写定义内容的标题（也就是要定义的东西），<dd>标签则是定义的内容。

定义列表没有列表项标识符，如果要定义多个项的话，要严格遵循<dt></dt><dd></dd>的格式。

顺便提一句，对于ol和ul列表项前面的列表项标识符，如果你不想它现实在你的网页里的话，还有一种方法是在head的style标签里对应的列表的css属性里添加一条属性：

list-style-type:none.


<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        ol{
        
            list-style-type:none;
 
        }
    </style>
</head>

就比如上图，我将我网页的所有ol有序列表的列表项标识符全部删除了。

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/328688