HTML标签：列表

最新推荐文章于 2025-04-11 09:13:44 发布

Data菌

最新推荐文章于 2025-04-11 09:13:44 发布

阅读量286

点赞数

分类专栏： HTML 文章标签： html 列表标签

本文链接：https://blog.youkuaiyun.com/wlqchengzhangji/article/details/122635063

版权

HTML 专栏收录该内容

18 篇文章

订阅专栏

本篇介绍HTML的列表视图相关标签。正版链接：https://www.runoob.com/html/html-lists.html

<!DOCType html>
<html>
    <head>    
        <meta charset="utf-8">
        <title>列表标签</title>      
    </head>

    <body> 
        <!--无序列表-->
       <h3>无序列表</h3>
       <ul>
            <li>项1</li>
            <li>项2</li>
       </ul>

       <ul style="list-style-type:circle">
            <li>项1</li>
            <li>项2</li>
       </ul>

       <!--有序列表-->
       <h3>有序列表</h3>
       <ol>
            <li>项1</li>
            <li>项2</li>
       </ol>
          
       <ol type="A">
            <li>项1</li>
            <li>项2</li>
       </ol>

       <!--自定义列表-->
       <h3>自定义列表</h3>
       <dl>
           <dt>
               自定义项1
           </dt>
           <dd>-项1描述</dd>
        
           <dt>
               自定义项2
           </dt>
           <dd>-项2描述</dd>
       </dl>


       <!--嵌套列表-->
       <h3>嵌套列表</h3>
       <ul>
           <li>项1
               <ul>
                   <li>子项1</li>
                   <li>子项2</li>
               </ul>
           </li>
           <li>项2
                <ul>
                    <li>子项1</li>
                    <li>子项2</li>
                </ul>
           </li>
       </ul>

    </body>
</html>>