DIuea

无序列表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <ul type="disc">
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
        <ul type="circle">                        
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
        <ul type="square">
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
        <ul type="none">
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
        <!-- type表示类型  disc为默认值显示出来时实心圆  circle显示出来时空心圆  
                          square显示出来时方块  none是什么都没有-->
    </body>
</html>

 

 

有序列表

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <ol type="1" start="5">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="a">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="A">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="i">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="I">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
    <!-- type表示类型 start表示类型 start="5"表示从几开始
         type="1"里的1表阿拉伯数字
         type="a"里的a表小写的26个字母
         type="A"里的A表大写的26个字母
         type="i"里的i表大写的罗马数字
         type="I"里的I表大写的罗马数字-->
    </body>
</html>

 

 

自定义列表

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    <dl>
        <dt><img src="../003/图片.jpg"/></dt>
        <dd>大太阳</dd>
    </dl>
    <!-- dt 自定义内容可以是图片可以是文字
         dd 对内容的详细描述-->
    </body>
</html>

 

 

分类:

技术点:

相关文章: