Rumah > hujung hadapan web > html tutorial > html标签dl、ul、ol 的使用详解

html标签dl、ul、ol 的使用详解

黄舟
Lepaskan: 2017-06-30 14:06:38
asal
2368 orang telah melayarinya

这篇文章主要介绍了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>
Salin selepas log masuk


Atas ialah kandungan terperinci html标签dl、ul、ol 的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan