0
点赞
收藏
分享

微信扫一扫

06-HTML学习-列表标签

自由的美人鱼 2022-03-20 阅读 62

这个列表可不是Python中的列表哦,它指的是“数据框”

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>
<body>
    <!-- 
        列表标签:可以整齐有序的展示一些内容

        无序列表 ul+li
        使用 ul标签创建
        使用 li 标签创建列表项

        有序标签
        ol+li

        定义列表
        使用dl+dt+dd
        dl 标签创建
        dt 标签创建需要描述的项目
        dd 标签创建对项目的描述
     -->
     <!-- 无序列表 -->
     <ul>
         <li>项目1</li>
         <li>项目2</li>
         <li>项目3</li>
     </ul>
     <!-- 有序列表 -->
     <!-- 可以增加 type="A" 这样的属性,将默认序号1,2,3改为A,B,C -->
     <ol>  
         <li>有序1</li>
         <li>有序1</li>
         <li>有序1</li>
         <li>有序2</li>
         <li>有序3</li>
     </ol>

     <dl>
         <dt>
             中国三大中心
         </dt>
         <dd>北京政治文化</dd>
         <dd>上海金融</dd>
         <dd>广州中心</dd>
     </dl>
<!-- 列表之间可以相互嵌套 -->

     <ul>
         <li>
             <ol>
                 <li>昌平区</li>
                 <li>海淀区</li>
                 <li>朝阳区</li>
             </ol>
         </li>
         <li>
             深圳市
             <ol>
                 <li>宝山区</li>
                 <li>南山区</li>
                 <li>罗湖区</li>
             </ol>
         </li>
     </ul>
</body>
</html>
举报

相关推荐

HTML - 06 文本标签

html列表标签

HTML-列表标签

HTML - 07 列表标签

HTML常用标签之列表标签

0 条评论