首页 > 代码库 > HTML的列表标签

HTML的列表标签

2024-08-05 09:17:05   220人阅读

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

HTML的列表标签


联系
我们