HTML5列表

weixin_33724570

于 2015-12-24 20:50:00 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chao2014/p/5074309.html

本文展示了HTML中使用无序列列表、有序列表、内嵌列表及自定义列表的方法，并通过实例说明了如何应用这些列表类型。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <!--type=square|disc|circle-->
    <ul type="circle">
        <li>无序列列表</li>
        <li>无序列列表</li>
        <li>无序列列表</li>
    </ul>
    <!--type=A|a|l|i|I-->
    <!--start=-->
    <ol start="100">
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <!--内嵌列表-->
    <ul>
        <li>动物</li>
        <ul type="square">
            <li>狗</li>
            <li>猫</li>
        </ul>
        <li>android</li>
        <li>swift</li>
    </ul>
    <!--自定义列表-->
    <dl>
        <dt>你好</dt>
        <dd>hello</dd>
        <dd>hello</dd>
        <dd>hello</dd>
        <dt>你好</dt>
        <dd>hello</dd>
        <dt>你好</dt>
        <dd>hello</dd>
    </dl>
</body>
</html>