html三个列表标签的介绍

最新推荐文章于 2024-04-22 10:37:13 发布

nssmlsr

最新推荐文章于 2024-04-22 10:37:13 发布

阅读量2.6k

点赞数 2

文章标签： html elementui 前端

本文链接：https://blog.csdn.net/Kyrieki11/article/details/124922838

版权

在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有序列表的列表项标识符全部删除了。