ul dl ol 的关系及示例

最新推荐文章于 2023-02-22 15:51:28 发布

原创最新推荐文章于 2023-02-22 15:51:28 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML中的三种列表：无序列表（ul）、有序列表（ol）及定义列表（dl），并给出了具体的使用示例。

1.ul是无序列表，也就是说没有排列限制可以随意加li； 
<ul> 
<li>可以随意放置</li> 
<li>可以随意放置</li> 
<li>可以随意放置</li> 
</ul> 
.可以随意放置 
.可以随意放置 
.可以随意放置 

2.ol就序列表，会按照你写的li前后依次排列； 
<ol> 
<li>我是第一</li> 
<li>我是第二</li> 
<li>我是第三</li> 
</ol> 
1.我是第一 
2.我是第二 
3.我是第三 

3.dl是定义列表，会默认前后层级关系； 
<dl> 
<dt>我是头</dt> 
<dd>我是内容</dd> 
<dd>我是内容</dd> 
</dl> 
我是头 
--我是内容 
--我是内容