列表

列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>

<!--有序列表
应用范围：试卷，问答。。。。
-->

<ol>
    <li>Java</li>
    <li>Python</li>
    <li>C语言</li>
    <li>C++</li>
    <li>C#</li>
    <li>JavaScript</li>
</ol>

<hr/>


<!--无序列表
应用范围：导航，侧边栏。。。。

-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>C语言</li>
    <li>C++</li>
    <li>C#</li>
    <li>JavaScript</li>
</ul>


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

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

    <dd>Java</dd>
    <dd>Python</dd>
    <dd>C语言</dd>
    <dd>JavaScript</dd>

    <dt>位置</dt>

    <dd>西安</dd>
    <dd>成都</dd>
    <dd>上海</dd>
    <dd>北京</dd>

</dl>
</body>
</html>

效果图

image

posted @ 2021-07-18 17:24  斯嘉  阅读(42)  评论(0)    收藏  举报