HTML网页列表标签

最新推荐文章于 2024-01-24 00:58:08 发布

齐天大荒

最新推荐文章于 2024-01-24 00:58:08 发布

阅读量61

点赞数

分类专栏： HTML 文章标签： html 前端 css

本文链接：https://blog.csdn.net/qq_47897078/article/details/121906154

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML网页列表标签

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用

标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

浏览器显示如下：

Coffee
Milk

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于

标签。每个列表项始于
标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

浏览器中显示如下：

Coffee
Milk

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以

标签开始。每个自定义列表项以开始。每个自定义列表项的定义以

开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

浏览器显示如下：

Coffee
- black hot drink
Milk
- white cold drink

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--有序列表
应用范围：试卷，问答。。。。。
-->
<ol>
    <li>Python</li>
    <li>Java</li>
    <li>Android</li>
    <li>html</li>
    <li>css</li>
</ol>

<!--无序列表
应用范围：导航，侧边栏。。。。。
-->
<ul>
    <li>Js</li>
    <li>Mysql</li>
    <li>Javaweb</li>
    <li>Spring</li>
    <li>SpringBoot</li>
</ul>

<!--自定义列表
列表标签：dl
列表名称：dt
列表内容：dd
-->
<dl>
    <dt>姓名</dt>
    <dd>张三</dd>
    <dd>李四</dd>
    <dd>王五</dd>

    <dt>年纪</dt>
    <dd>22</dd>
    <dd>32</dd>
    <dd>43</dd>
</dl>
</body>
</html>

齐天大荒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML网页列表标签

HTML网页列表标签HTML无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用标签<ul><li>Coffee</li><li>Milk</li></ul>浏览器显示如下：CoffeeMilkHTML 有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于标签。每个列表项始于标签。列表项使用数字来标记。<ol>
复制链接

扫一扫

专栏目录