HTML 列表的使用

标签：img   列表   应用   效果图   标题   编号   mamicode   知乎   简单的   

一、无序列表(ul>li)

代码格式：

<ul>

　　<li>今日头条</li>

　　<li>知乎</li>

</ul>

效果图：

 二、有序列表(ol>li)

格式：　

<ol>
    <li>今日头条</li>
    <li>知乎</li>
</ol>

效果图：

三、定义列表(dl>dt|dd)

代码格式：

<dl>
    <dt>标题</dt>
    <dd>第一项</dd>
    <dd>第二项</dd>
    <dt>标题</dt>
    <dd>第一项</dd>
    <dd>第二项</dd>
</dl>
效果图：

 列表的注意事项：

1.无序列表中的每项都是平级的，没有级别之分，并且列表中的内容一般都是相对简单的标题性质的页面内容。有序列表会依据列表项的顺序进行显示
2.在实际的网页应用中，无序列表比有序列表应用更加广泛，有序列表ol-li一般用于显示带有顺序编号的特定场合
3.定义列表一般适用于带标题和标题解释性内容的场合

HTML 列表的使用

标签：img   列表   应用   效果图   标题   编号   mamicode   知乎   简单的   

原文地址：https://www.cnblogs.com/aryl/p/11830890.html