HTML的列表标签

一、上下层列表标签:<dl>..</dl>:

  上层dt
  下层dd:封装的内容会被自动缩进的效果

<dl>
        <dt>运动户外</dt>
        <dd>板鞋</dd>
        <dd>篮球鞋</dd>
        <dd>足球鞋</dd>
        <dd>跑步鞋</dd>
</dl>

 

 

 

二、定义有序列表: <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>:列表内容

<ol type="a" start="55">
        <li>板鞋</li>
        <li>篮球鞋</li>
        <li>跑步鞋</li>
        <li>足球鞋</li>
</ol>

 

 

 

 

三、定义无序列表:<ul> 

    属性:type:可以设置排序的样式 也可以给li单独加这个属性
      dise 实心圆(默认值)
      circle 空心圆
      square 实心方块
  <li>:列表内容

<ul type="square">
        <li type="disc">板鞋</li>
        <li>篮球鞋</li>
        <li>跑步鞋</li>
        <li>足球鞋</li>
 </ul>

 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。