首页  >  文章  >  web前端  >  Html学习(2)- 列表标签

Html学习(2)- 列表标签

黄舟
黄舟原创
2016-12-29 15:17:541463浏览

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>list</title>
        <meta name="author" content="sync" />
        <!-- Date: 2016-05-29 -->
    </head>
    <body>
        <!--
            Html 注释, 演示列表标签

            列表标签: dl

            上层项目: dt
            下层项目: dd : 封装的内容是会被缩进的。有自动缩进的效果
        -->
        <dl>
            <dt>上层项目内容</dt>
            <dd>下层项目内容</dd>
            <dd>下层项目内容</dd>
            <dd>下层项目内容</dd>
        </dl>

        </hr>

        <!--
            有序和无序的项目列表

            有序: <ol>
            无序:  <ul>
            无论有序还是无序,条目的封装用的都是<li>  
            而且他们都有缩进效果              
        -->

        <ul type="square">
            <li >无序项目列表</li>
            <li>无序项目列表</li>
            <li>无序项目列表</li>
        </ul>

        <ol type="a">
            <li >有序项目列表</li>
            <li>有序项目列表</li>
            <li>有序项目列表</li>
        </ol>

    </body>
</html>

644.jpg

 以上就是Html学习(2)- 列表标签的内容,更多相关内容请关注PHP中文网(www.php.cn)!

 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn