html无序列表标签和有序列表标签使用实例详解

这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下

一、上下层列表标签:

..

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

代码如下:

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

二、定义有序列表:

属性：
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：列表起点
　

1. :列表内容
   
   

   代码如下:

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

   登录后复制

   三、定义无序列表：

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

   • :列表内容
     
     

     
     

     代码如下:

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

     登录后复制

     更多html无序列表标签和有序列表标签使用实例详解相关文章请关注PHP中文网！