HTML实例-065 HTML的自定义列表

hrs 提交于 2019/11/13 - 01:41 , 周三

实例代码:

<!doctype html>
	<head>
		<meta charset="utf-8">
	</head>
<html>
	<body>
	<h2>这是一个自定义列表</h2>
		<dl>
			<dt>水果类</dt>
			<dd>苹果</dd>
			<dd>香蕉</dd>
			<dd>芒果</dd>
            <dt>蔬菜类</dt>
			<dd>白菜</dd>
			<dd>芹菜</dd>
			<dd>生菜</dd>
		</dl>
		
	</body>
</html>

运行效果:

html_065.png

从这个实例中看出,我们用<dl >标签对列表进行自定义,用<dt>标签定义列表项目,<dd>标签定义列表项目,但此项目会自动进行缩进处理。

定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

标签