HTML标签:列表

本篇介绍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>>

猜你喜欢

转载自blog.csdn.net/hppyW/article/details/122635063
今日推荐