• 技术文章 >web前端 >html教程

    在html语言中,常用的列表有哪三种

    醉折花枝作酒筹醉折花枝作酒筹2021-06-02 17:40:12原创146

    常用的列表有:1、有序列表,项包含在li标签对中,以ol定义;2、无序列表,项包含在li标签对中,以ul定义;3、自定列表,项包含在dt标签对中,“<dd></dd>”与定义项对应的每个定义,自定义列表以“<dl></dl>”定义。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    有序列表,列表项包含在<li></li>标签对中,有序列表以<ol></ol>定义,项目前有数字或者字母缩进

    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    例如:

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

    效果:

    67P)J%B4$JZX28~M655RD{B.png

    无序列表,列表项包含在<li></li>标签对中,无序列表以<ul></ul>定义,项目前有符号缩进

    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    例如:

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

    效果:

    N0$8EB1U1)SA4AW}0A$[N{J.png

    自定列表,列表项包含在<dt></dt>标签对中,<dd></dd>与定义项对应的每个定义,自定义列表以<dl></dl>定义,项目前有符号缩进

    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    例如:

    <dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>

    效果:

    2@09`S7P6K}IF[NPB~ITU1Y.png

    扩展:

    列表标签

    }](%[T4R1XWIL0$5M1I`YEG.png

    推荐学习:html视频教程

    以上就是在html语言中,常用的列表有哪三种的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:列表
    上一篇:HTML如何在图片上设置超链接 下一篇:html怎么设置下划线
    第16期线上培训班

    相关文章推荐

    • html如何设置必填项• vb输出html乱码怎么办• html怎么跳转到指定位置• html标签中如何添加大于号• HTML如何在图片上设置超链接

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网