HTML列表标签解释（源码展示）

最新推荐文章于 2022-05-02 18:41:14 发布

思诚代码块

最新推荐文章于 2022-05-02 18:41:14 发布

阅读量588

点赞数

分类专栏： HTML 实战讲解文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122650836

版权

HTML 实战讲解专栏收录该内容

14 篇文章 0 订阅

订阅专栏

大家好，今天分享一下HTML列表标签

列表就是信息资源的一种展示形式，它可以使信息变得结构化，并且以列表的形式展现出来，这样，方便浏览这获取信息

列表的分类
无序列表
有序列表
定义列表

上源码解释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--有序列表
应用范围：试卷，问答
ol  标签列表,带数字-->
<ol>
    <li>java</li>
    <li>python</li>
    <li>运维</li>
    <li> c/c++</li>
</ol>
<hr/>
<!--无序列表
带圆点
应用范围：导航。侧边栏。。。。-->
<ul>
    <li>java</li>
    <li>python</li>
    <li>Linux</li>
    <li>c/c++</li>
</ul>

<!--自定义列表
dl :标签
dt: 列表名称
dd: 列表内容
应用范围：网站底部-->

<dl>
    <dt>学科</dt>

    <dd>java</dd>
    <dd>python</dd>
    <dd>linux</dd>
    <dd>c语言</dd>

    <dt>位置</dt>
    <dd>南京</dd>
    <dd> 安徽</dd>
    <dd>新疆</dd>
</dl>
</body>
</html>

看效果：

在这里插入图片描述

好了，列表标签就讲到这里了，谢谢大家

很多东西的注意点，我在源码的注释当中，写的很清楚
（因为很多小的细节，由于文字的局限性，讲不清楚，但是我会尽量讲清楚）

思诚代码块

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML列表标签解释（源码展示）

大家好，今天分享一下HTML列表标签列表就是信息资源的一种展示形式，它可以使信息变得结构化，并且以列表的形式展现出来，这样，方便浏览这获取信息列表的分类无序列表有序列表定义列表上源码解释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表标签</title></head><body>&l
复制链接

扫一扫