列表标签 

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

<!--有序列表-->
<!--应用：试卷、问答-->
<ol>
    <li>小红</li>
    <li>小明</li>
    <li>小蓝</li>
    <li>小绿</li>
</ol>
<!--无序列表-->
<!--应用：导航、侧边栏-->
<ul>
    <li>小红</li>
    <li>小明</li>
    <li>小蓝</li>
    <li>小绿</li>
</ul>
<!--自定义列表-->
<!--
dl:标签
dt:列表名称
dd:列表内容
应用：公司网站底部
-->
<dl>
    <dt>学科</dt>
        <dd>语文</dd>
        <dd>数学</dd>
        <dd>英语</dd>
    <dt>城市</dt>
        <dd>北京</dd>
        <dd>上海</dd>
        <dd>广州</dd>
</dl>

</body>
</html>

posted @ 2021-08-18 10:19  卡卡发  阅读(30)  评论(0)    收藏  举报