7、列表标签

yu
yu
2024-09-30 / 0 评论 / 4 阅读 / 正在检测是否收录...
<!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>
    <!--
        一、列表标签:可以整齐有序的展示一些内容

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


        2.有序列表ol+li
            使用ol标签创建    
            使用li标签创建列表项

        3.定义列表
            使用dl标签创建
            使用dt标签创建需要的项目
            使用dd标签创建对项目的描述

        列表之间可以相互嵌套的
    -->

    <!--无序列表-->
    <ul>
        <li>项目一</li>
        <li>项目二</li>
        <li>项目三</li>  
    </ul>

    <!--有序列表-->
    <ol><!--type=""-->
        <li>项目一</li>
        <li>项目二</li>
        <li>项目三</li>
    </ol>

    <!--定义列表-->
    <dl>
        <dt>中国三大中心</dt>
        <dd>北京政治文化中心</dd>
        <dd>上海金融中心</dd>
        <dd>。。。中心</dd>
    </dl>

    
    <ul>
        <li>
            乌鲁木齐市
           <ol>
                <li>新市区</li>
                <li>米东区</li>
               
           </ol>
        </li>
        <li>
            深圳市
            <ol>
                <li>宝安区</li>
                <li>南山区</li>
            </ol>
        </li>
    </ul>
</body>
</html>
0

评论 (0)

取消