码迷,mamicode.com
首页 > Web开发 > 详细

HTML5-列表的使用

时间:2015-04-06 14:06:05      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

技术分享技术分享


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
    <ul>
        <li>ios</li>
        <li>android</li>
        <li>html</li>
        <li>CSS</li>
    </ul>
    <ul type="disc">
        <li>ios</li>
        <li>android</li>
        <li>html</li>
        <li>CSS</li>
    </ul>
    <ul type="circle">
        <li>ios</li>
        <li>android</li>
        <li>html</li>
        <li>CSS</li>
    </ul>
    <ul type="square">
        <li>ios</li>
        <li>android</li>
        <li>html</li>
        <li>CSS</li>
    </ul>
    <ol type="a">
        <li>html5</li>
        <li>css</li>
        <li>ios</li>
        <li>windows</li>
    </ol>
    <ol start="10">
        <!-- <ol start="10">[从10开始]-->
        <li>html5</li>
        <li>css</li>
        <li>ios</li>
        <li>windows</li>
    </ol>
    <ul>
        <li>宠物</li>
            <ul></ul>
            <ul></ul>
            <ul>...</ul>
        <li>人类</li>
            <ul>中国</ul>
            <ul>法国</ul>
            <ul>...</ul>
        <li>植物</li>

    </ul>
    <br/>
    <ol>
        <li>宠物</li>
            <ol></ol>
            <ol></ol>
            <ol>...</ol>
        <li>人类</li>
            <ol>中国</ol>
            <ol>法国</ol>
            <ol>...</ol>
        <li>植物</li>

    </ol>
    <br/>
    <dl>
        <dl>HelloWorld</dl>
            <dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
        <dl>this is web page</dl>
            <dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
        <dl> web page</dl>
            <dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
    </dl>
</body>
</html>

 

HTML5-列表的使用

标签:

原文地址:http://www.cnblogs.com/wintuzi/p/4395824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!