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

177 阅读 0 评论 117 点赞

我是靠谱客的博主单薄豌豆，最近开发中收集的这篇文章主要介绍html无序列表标签和有序列表标签使用示例，觉得挺不错的，现在分享给大家，希望可以做个参考。

一、上下层列表标签:<dl>..</dl>：

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

复制代码

代码如下:

二、定义有序列表: <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>:列表内容

复制代码

代码如下:

三、定义无序列表：<ul>

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

复制代码

代码如下:

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。