码迷,mamicode.com
首页 > 其他好文 > 详细

标签-列表

时间:2014-09-18 00:43:52      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   ar   2014   div   

列表标签:

  <dl>  确定列表的范围

  <dt> 上层项目

  <dd>下层项目

代码举例:

<html>
    <head>
        <title>this is my first website</title>
    </head>
    <body>
        <!--列表标签-->
        <dl>
            <dt>hello world!</dt>
            <dd>hello everyone!</dd>
        </dl>
    </body>
</html>

效果展示:

bubuko.com,布布扣

*带有项目符号的列表标签

<ol> 对应数字符号,如:a, A, 1, 罗马数字等

<ul> 对应项目符号,如:○, ?等

<li> 对应的是带符号列表中的内容

代码举例:

<html>
    <head>
        <title>this is my first website</title>
    </head>
    <body>
        <h1>china game</h1>
        <font size = "5" color="red">&nbsp; do you want to play <dr/></font>
        <ol type="1">
            <li>game name</li>
            <ul type="circle">
                <li>cross fire</li>
            </ul>
            <ul type="square">
                <li>city under ground</li>
            </ul>
            <li>game content</li>
            <ul type="pot">
                <li>perfect</li>
                <li>contagious</li>
            </ul>
        </ol>
    </body>
</html>

效果如下图:

bubuko.com,布布扣

 

标签-列表

标签:style   blog   http   color   io   os   ar   2014   div   

原文地址:http://www.cnblogs.com/fantasy01/p/3978314.html

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