HTML-自定义列表
2020-07-27 本文已影响0人
小驴拉磨
定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
<dd>名词1解释3</dd>
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
<dd>名词2解释3</dd>
</dl>
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小驴拉磨</title>
</head>
<body>
<!-- 图片在同级目录 -->
<h3>最喜欢的水果</h3>
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>哈密瓜</dd>
<dt>蔬菜</dt>
<dd>西红柿</dd>
<dd>大白菜</dd>
<dd>土豆</dd>
</dl>
</body>
</html>
image.png
