無序列表有序列表

 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>

嵌套列表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>

定義列表spa

dl dt ddcode

相關文章
相關標籤/搜索