Heim >Web-Frontend >HTML-Tutorial >Ausführliche Erläuterung der Verwendung der HTML-Tags dl, ul und ol
Ausführliche Erläuterung der Verwendung der HTML-Tags dl, ul und ol
- 黄舟Original
- 2017-06-30 14:06:382355Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung von HTML-Listen-Tags dl, ul und ol vorgestellt. Wenn Sie interessiert sind, können Sie
lernenDer Code lautet wie folgt:
<!-- 列表标签：<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>
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung der HTML-Tags dl, ul und ol. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der Verwendung des ol-Tags in HTML5Nächster Artikel：Detaillierte Erläuterung der Verwendung des ol-Tags in HTML5