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

HTML的列表标签

时间:2014-11-30 23:02:11      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:style   blog   ar   color   sp   strong   on   div   art   

bubuko.com,布布扣
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML的列表标签</title>
</head>
 <!--  
        上下层列表标签:<dl>..</dl>:
             上层dt
             下层dd:封装的内容会被自动缩进的效果
             
        
        定义有序列表: <ol> 
                    属性:
                        type: 可以设置排序的样式 (也可以给li单独加这个属性)
                            1 表示以 1,2,3,4 来表示
                            a 表示以 a,b,c,d 来表示
                            A 表示以 A,B,C,D 来表示
                            i 表示以 i,ii ,iii 来表示
                            I 表示以 I,II,III来表示
                        start:列表起点
                    <li>:列表内容    
        
         定义无序列表:<ul>    
                     属性:type:可以设置排序的样式   也可以给li单独加这个属性
                            dise 实心圆(默认值)
                            circle 空心圆
                            square 实心方块   
                    <li>:列表内容
 -->
<body>
    <dl>
      <dt>运动户外</dt>
        <dd>板鞋</dd>
        <dd>篮球鞋</dd>
        <dd>足球鞋</dd>
        <dd>跑步鞋</dd>
    </dl>
    
    <hr/>
    
     <ol type="a" start="55">
        <li>板鞋</li>
        <li>篮球鞋</li>
        <li>跑步鞋</li>
        <li>足球鞋</li>
    </ol>
    
    <hr/>
    
    <ul type="square">
        <li type="disc">板鞋</li>
        <li>篮球鞋</li>
        <li>跑步鞋</li>
        <li>足球鞋</li>
    </ul>
    
    
</body>
</html>
bubuko.com,布布扣

HTML的列表标签

标签:style   blog   ar   color   sp   strong   on   div   art   

原文地址:http://www.cnblogs.com/LO-ME/p/3530585.html

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