且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

HTML列表标签

更新时间:2021-08-28 23:23:21

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


<body>

    <!-- 前面学的表格标签是用来展示数据的 -->

    <!-- 那么列表标签是用来布局的 -->

    列表最大的特点就是整齐,整洁,有序,它作为布局会更加***和方便 根据使用场景不同,列表可以分为3大类:无序列表,有序列表,自定义列表

    <img src="liebiao.png">

    <!-- 2.2.1无序列表(重点) -->

    <!-- <ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用<li>标签定义 -->

    <ul>

        <li>1.无序列表的各个列表项之间没有顺序级别之分,是并列的</li>

        <li>ul中只能嵌套li,直接俄在ul标签中输入其他标签或者文字的做法是不被允许的</li>

        <li>li与li之间相当于一个容器,可以容纳所有元素</li>

        <li>无序列表会带有自己的样式属性,但在实际使用时,我们会使用css来设置</li>

    </ul><br />

    <!-- 2.2.2有序列表 -->

    <!-- 在HTML标签中,ol标签用于定义有序列表,列表排序以数字来显示,并且使用li标签来定义列表项 -->

    <ol>

        <li>w</li>

        <li>x</li>

        <li>h</li>

        注意事项和无序列表一致,复习看完后记得运行一下看看

    </ol>

    <!-- 2.2.3自定义列表 -->

    <!-- 在HTML标签中,dl标签用于定义描述列表,该标签和与dt(定义项目名字),dd(描述每一个项目/名字)一起使用 -->

    <dl>

        <dt>名词1</dt>

        <dd>名词1解释1</dd>

        <dd>名词1解释2</dd>

        1.dl里面只能包含dt和dd 2.dt和dd个数没有限制,经常是一个dt对应多个dd

    </dl>

</body>


</html>