Maison >interface Web >tutoriel HTML >Explication détaillée de l'utilisation des balises html dl, ul et ol
Explication détaillée de l'utilisation des balises html dl, ul et ol
- 黄舟original
- 2017-06-30 14:06:382377parcourir
Cet article présente principalement l'utilisation des balises de liste HTML dl, ul et ol. Si vous êtes intéressé, vous pouvez apprendre
.Le code est le suivant :
<!-- 列表标签：<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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de l'utilisation de la balise ol en html5Article suivant：Explication détaillée de l'utilisation de la balise ol en html5