5_列表

<!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</li>
    <li>C++</li>
</ol>

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

<hr/>
<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容

公司网站底部
-->
<dl>
    <dt>学科</dt>
    <dd>Java</dd>
    <dd>python</dd>
    <dd>数学</dd>
    <dd>语文</dd>
    <dd>政治</dd>
    <dd>英语</dd>

    <dt>位置</dt>
    <dd>江西</dd>
    <dd>北京</dd>
    <dd>西安</dd>
    <dd>上海</dd>

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

结果展示

5_列表

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/279077.html

相关推荐

发表回复