目录

Web学习笔记 - 列表

andy90s 收录于类别前端

2022-12-02 2022-12-02 约 280 字预计阅读 1 分钟

HTML中的有序列表和无序列表

目录

scss

<!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>Document</title>
</head>
<body>
    <!-- 
        列表(list)
            1. 铅笔
            2. 尺子
            3. 橡皮
        
        在html中也可以创建列表,html列表一共有三种
            1. 有序列表
            2. 无序列表
            3. 定义列表
        
        有序列表,使用ol标签来创建有序列表
            使用li表示列表项
        无序列表,使用ul标签来创建无序列表
            使用li表示列表项
        定义列表,使用dl标签来创建一个定义列表
            使用dt来表示定义的内容
            使用dd来对内容进行解释说明
        列表之间可以互相嵌套

     -->
     <ul>
         <li></li>
     </ul>

     <ol>
         <li></li>
     </ol>

     <dl>
         <dt>结构</dt>
         <dd>结构表示网页的结构,结构用来规定网页中哪里是标题,哪里是段落</dd>
     </dl>

     <ul>
         <li>
             aa
             <ul>
                 <li>aa-1</li>
                 <li>aa-2</li>
             </ul>
         </li>
     </ul>
</body>
</html>

相关内容