html无序列表标签和有序列表标签使用示例
一、上下层列表标签:dl> ../dl> :
上层dt@H_406_3@下层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>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html无序列表标签和有序列表标签使用示例
本文地址: https://pptw.com/jishu/588056.html