html5 ------有、无序列表 & 自定义列表

最新推荐文章于 2023-04-27 11:42:15 发布

Zoe Din

最新推荐文章于 2023-04-27 11:42:15 发布

阅读量1.4k

点赞数

分类专栏： Web前段学习笔记

本文链接：https://blog.csdn.net/naturly/article/details/104120255

版权

Web前段学习笔记专栏收录该内容

10 篇文章 1 订阅

订阅专栏

1、无序列表 ul

<ul> 标签定义无序列表。

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

无序列表的各个列表之间没有顺序级别，是并列的

语法格式：

<ul>

<li>Coffee</li>

</ul>

注意：ul 内只能包含 li ,不能含其他标签

2、有序列表 ol （不常用）

HTML <ol> 标签

<ol>

<li>Coffee</li>

</ol>

3、自定义列表 dl dt dd

定义和用法

<dl> 标签定义了定义列表（definition list）。

<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

<dl>

<dd>用来计算的仪器 ... ...</dd>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
<h3>无序列表</h3>
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<h3>有序列表</h3>
<ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<h3>自定义列表</h3>
<dl>
    <dt>计算机</dt>
        <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

</body>
</html>