HTML清單標籤dl、ul、ol 的使用
- 高洛峰原創
- 2017-03-02 15:09:452389瀏覽
這篇文章主要介紹了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中文網！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn