HTML列表标签dl、ul、ol的使用

来源：懂视网责编：小采时间：2020-11-27 15:35:38

HTML列表标签dl、ul、ol的使用

HTML列表标签dl、ul、ol的使用:这篇文章主要介绍了HTML列表标签dl、ul、ol 的使用，比较适合初学者，大家若感兴趣的可以学习下代码如下:<!-- 列表标签：<dl>：分层列表子标签：<dt>：上层列表项 <dd>：下层列表项 ------------ 无序列表标签：<

推荐度：

点击下载本文 文档为doc格式

导读HTML列表标签dl、ul、ol的使用:这篇文章主要介绍了HTML列表标签dl、ul、ol 的使用，比较适合初学者，大家若感兴趣的可以学习下代码如下:<!-- 列表标签：<dl>：分层列表子标签：<dt>：上层列表项 <dd>：下层列表项 ------------ 无序列表标签：<

这篇文章主要介绍了HTML列表标签dl、ul、ol 的使用，比较适合初学者，大家若感兴趣的可以学习下

代码如下:

<!-- 
列表标签：<dl>：分层列表 
子标签：<dt>：上层列表项 
<dd>：下层列表项 
------------ 
无序列表标签：<ul> 
子标签：<li> 
------------ 
无序列表标签：<ol> 
子标签：<li> 
--!> 
<html> 
<head> 
<title> 列表标签的练习</title> 
</head> 
<body> 
<dl> 
<dt>标号</dt> 
<dd>1</dd> 
<dd>2</dd> 
<dd>3</dd> 
</dl> 
<hr> 
<ul type="disc"> 
<li>苹果</li> 
<li>香蕉</li> 
<li>橘子</li> 
</ul> 
<hr> 
<ol type="1"> 
<li>苹果</li> 
<li>香蕉</li> 
<li>橘子</li> 
</ol> 
<hr><!--练习标签的嵌套--> 
<dl> 
<dt>四大天王</dt> 
<dd> 
<ol type="1"> 
<li>张学友</li> 
<li>刘德华</li> 
<li>郭富城</li> 
<li>黎明</li> 
</ol> 
</dd> 
</dl> 
</body> 
</html>

更多HTML列表标签dl、ul、ol 的使用相关文章请关注PHP中文网！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

HTML列表标签dl、ul、ol的使用

推荐度：

点击下载本文 文档为doc格式

标签：使用列表的使用

热门焦点

HTML列表标签dl、ul、ol的使用

HTML列表标签dl、ul、ol的使用

HTML列表标签dl、ul、ol的使用

最新推荐

猜你喜欢

热门推荐