HTML列表标签dlulol 的使用示例
2014-10-10来源:易贤网

代码如下:

<!--

列表标签:<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>

更多信息请查看IT技术专栏

推荐信息