Rumah > Artikel > hujung hadapan web > HTML列表标签dl、ul、ol 的使用
这篇文章主要介绍了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中文网!