html中无序列表和有序列表标签的介绍

来源:爱站网时间:2022-12-24编辑:网友分享
这篇文章主要给朋友们讲解的是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>

html中无序列表和有序列表标签内容都了解清楚了吗,看完后是不是觉得不难理解呢,网站里面提供的所有文章都可以尽情阅读,只要你们有需要,小编每天都会不定时更新发布。

上一篇:HTML中的ol和ul怎么运用

下一篇:HTML之img标签的属性介绍

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载