html标签dl、ul、ol 的使用详解
程序员文章站
2023-12-24 13:48:09
...
这篇文章主要介绍了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 的使用详解的详细内容,更多请关注其它相关文章!
推荐阅读
-
HTML 中 dl(dt,dd)、ul(li)、ol(li) 的使用方法
-
div+css布局必了解的列表元素ul ol li dl dt dd详解
-
详解HTML5中ol标签的用法
-
html5视频媒体标签video的使用方法及完整参数说明详解
-
div中ul ol li dl dt dd的用法_html/css_WEB-ITnose
-
div+css布局必了解的列表元素ul ol li dl dt dd详解
-
html meter标签的使用与作用详解
-
HTML 中 dl(dt,dd)、ul(li)、ol(li) 的使用方法
-
html meter标签的使用与作用详解
-
div中ul ol li dl dt dd的用法_html/css_WEB-ITnose