列表标签学习

最新推荐文章于 2024-11-14 00:00:11 发布

之樾

最新推荐文章于 2024-11-14 00:00:11 发布

阅读量51

点赞数

文章标签：列表 html

本文链接：https://blog.csdn.net/qq_43021902/article/details/114581469

版权

本文深入探讨HTML中的无序列表<ul>、有序列表<ol>和定义列表<dl>的使用方法，包括如何创建、样式化以及在网页布局中的实际应用。通过实例解析，帮助读者掌握列表标签在网页开发中的核心作用。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>
<!--有序列表
应用范围：试卷，问答……
-->

<ol>
    <li>Java</li>
    <li>Python</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/c++</li>
</ol>
<hr/>
<!--无序列表
应用范围：导航，侧边栏……
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/c++</li>
</ul>

<hr/>
<!--自定义列表
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>