HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义

Posted 生产队的驴.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义相关的知识,希望对你有一定的参考价值。

列表在前端开发中特别常用 随处可见

例如CSDN的布局:

下面介绍 html 中的三种列表


无序列表(常用):

<ul>
    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是无序列表</li>
</ul>

效果图:

顾名思义就是没有顺序的一个列表


有序列表:

<ol>

    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是有序列表</li>
    <li>每一行 都会有序号</li>

</ol>

效果图:

有序列表和无序的区别就是前面多了序号


自定义列表:

<dl>
<dt>13:27:18</dt>
<dd>重大消息!!</dd>
<dd>生产队的驴啊啊啊啊啊啊啊啊啊啊啊啊啊啊</dd>
<br/>
<dt>13:27:58</dt>
<dd>CSDN</dd>
<dd>生产队的驴</dd>

效果图:

以上是关于HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义的主要内容,如果未能解决你的问题,请参考以下文章

HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义

HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义

HTMLHTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )

无序列表,有序列表,自定义列表

适合0基础的web开发系列教程-列表制作

前端学习 HTML基础