04列表布局

最新推荐文章于 2023-04-27 10:38:20 发布

沈川希

最新推荐文章于 2023-04-27 10:38:20 发布

阅读量111

点赞数

分类专栏： HTML基础文章标签：列表

本文链接：https://blog.csdn.net/weixin_45344023/article/details/107203246

版权

本文介绍了网页中的列表布局，包括无序列表（ul）、有序列表（ol）及其应用场景。无序列表常见于大部分网站，而有序列表则较少使用。此外，还提到了自定义列表（dl、dt、dd）的特殊用途。

摘要由CSDN通过智能技术生成

列表

列表在网页中比较常见，列表又分为三种有序列表、无序列表和自定义列表。

无序列表: 用的非常多,基本上一个网站都会使用到列表
有序列表 : 偶尔用一下
自定义列表：是在特殊的场景下使用

一、无序列表和有序列表

和表格一样，也是一组标签，是块元素，独占一行。

ul(unorder list):有序列表；列表是按照顺序进行排列
ol(order list): 无序列表；列表前面是样式
li 列表项 list

1.例子

(1)代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 无序列表 -->
    <div class="newList">
        <ul>
            <li><a href="">苹果</a></li>
            <li><a href=""