HTML5-列表的应用示例

发布于 2015-04-13 06:55:22 | 308 次阅读 | 评论: 0 | 来源: 网友投递

HTML5超文本标记语言

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五重大修改。

效果图：

示例代码

<!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>

最新网友评论 共有(0)条评论发布评论返回顶部

HTML5超文本标记语言

后端技术

前端技术

数据库

热门框架

常用IDE

其他