首页 › 开发帮助文档 › 开发技术 › HTML列表标签dl、ul、ol 的使用示例

[Html/CSS] HTML列表标签dl、ul、ol 的使用示例

开发技术发布于：2021-09-15 15:08 | 阅读数：188 | 评论：0

3257 主题	0 回帖	3259 积分

系统审核员

积分: 3259

发消息

代码如下:

<!-- 
列表标签：<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>

免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群 QQ空间

返回列表

三叶草 LV3

3259 经验

3257 文档

[Html/CSS] HTML列表标签dl、ul、ol 的使用示例

相关帖子

常用HTML网页跳转的几种方法

Android控件Spinner实现下拉列表及监听功能

php使用GD库创建图片缩略图的方法

CSS3荧光灯文字闪烁动画特效

php实现超简的分页功能

PHP版贪吃蛇小游戏

利用html+js触发弹窗事件

利用HTML、CSS和JS制作随机密码生成器

使用原生querySelectorAll和forEach来实现点击切换

笔记本要一直充电好还是不充电好？

三叶草 LV3