HTML列表

最新推荐文章于 2024-04-29 22:26:37 发布

绿皮小胡瓜

最新推荐文章于 2024-04-29 22:26:37 发布

阅读量241

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_63602864/article/details/125196000

版权

在网页中按照行展示关联性的内容

<ul></ul> 表示无序列表的整体

<li></li> 表示无序列表的每一项

框架：

<ul>

</ul>

例如：

<body>
    <ul>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
    </ul>
</body>

注意：ul标签中只允许包含li标签

li标签可以包含任意内容

2.有序列表

<ol></ol> 表示有序列表的整体

<li></li> 表示有序列表的每一项

定义同上

框架：

<ol>

</ol>

例如：

<body>
    <ol>
        <li>张三:100</li>
        <li>李四:80</li>
    </ol>
</body>

注意：ol标签中只允许包含li标签

li标签中可以包含任意内容

3.自定义列表

<dl></dl> 表示自定义列表的整体

<dt></dt> 表示自定义列表的主题

<dd></dd> 表示自定义列表的针对主题的每一项内容

框架：

<dl>

</dl>

例如：

<body>
    <dl>
        <dt>帮助中心</dt>
        <dd>账户管理</dd>
        <dd>购物指南</dd>
    </dl>
</body>

注意：dl标签中只允许包含dt/dd标签

dt/dd标签中可包含任意内容

关注