当前位置：主页 > 查看内容

html无序列表标签和有序列表标签使用示例

发布时间：2021-05-18 00:00| 有 位朋友查看

简介：一、上下层列表标签:dl../dl： 上层dt 下层dd：封装的内容会被自动缩进的效果 复制代码 代码如下: dl dt运动户外/dt dd板鞋/dd dd篮球鞋/dd dd足球鞋/dd dd跑步鞋/dd /dl 二、定义有序列表: ol 属性： type： 可以设置排序的样式 （也可以给li单独加这个属性……

一、上下层列表标签:<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>


原文链接：https://m.jb51.net/web/154643.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：html body标签详解与html常用的控制标记 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐