今天小编跟大家讲解下有关html无序列表标签和有序列表标签使用示例 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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>
来源:爱蒂网