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:382379Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung von HTML-Listen-Tags dl, ul und ol vorgestellt. Wenn Sie interessiert sind, können Sie

lernen

Der 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