无序列表有序列表

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!-- <ul> 正确的写法
 9             <li></li>
10             <li></li>
11             <li></li>
12         </ul> -->
13         <!-- ul和li间不能有其他标签 -->
14         <!-- <ul> 错误的写法
15             <p>
16                 <li></li>
17                 
18             </p>
19         </ul> -->
20         <!-- <ol style="1">有序列表
21             <li></li>
22             <li></li>
23         </ol> -->
24         
25     </body>
26 </html>

嵌套列表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <ul type="square">
            <li>小吃部</li>
            <ul type="circle">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                
            </ul>
            <li>BBC</li>
            <ul type="circle">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
            </ul>
            <li>套餐类</li>
            <ul type="circle">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <li>CCC</li>
            <ul type="circle">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
        </ul>
    </body>
</html>

定义列表

dl dt dd

原文地址:https://www.cnblogs.com/tilyougogannbare666/p/13364162.html