【前端学习笔记】03-HTML中的三种列表用法

HTML的三种列表

有序列表

• 使用方法：在<ol><>ol/标签中写入多对<li></li>标签
• 代码示例：

<ol>
        <li>学习HTML</li>
        <li>学习css</li>
        <li>学习JavaScript</li>
        <li>学习其他框架</li>
</ol>

• 效果展示：

无序列表

• 使用方法：在<ul><>ul/标签中写入多对<li></li>标签 代码示例：

<ul>
        <li>京东商城</li>
        <li>天猫商城</li>
        <li>网易云</li>
        <li>有道云</li>
 </ul>

• 效果展示：

说明列表

• 使用方法：使用<dl></dl>定义一个列表，<dt></dt>定义列表的标题，<dd></dd>定义描述内容
• 代码示例：

<dl>
        <dt>这是列表标题</dt>
        <dd>这是列表内容1</dd>
        <dd>这还是列表内容1</dd>
        <dt>这是新的列表标题</dt>
        <dd>这是新的列表内容</dd>
 </dl>   

• 效果展示：

总结

三种列表的使用在写项目时用的频繁，但在实际编写网页时很少用到默认样式,了解用法后还要进一步掌握对列表的css样式设置。