dl dt dd

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<h2>推荐商品列表</h2>
<dl>
<dt><img src="images/goods_1.jpg"/></dt>
<dd>
<a href="#">黄飞鸿麻辣花生200g</a></dd>
<dt><img src="images/goods_2.jpg"/></dt>
<dd><a href="#">精致原稻大米5kg</a></dd>
<dt><img src="images/goods_3.jpg"/></dt>
<dd><a href="#">澳洲原装进口红酒750ml</a></dd>
</dl>

</body>
</html>

  1. 无序列表

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

    无序列表始于 <ul> 标签。每个列表项始于 <li>。

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
  2.  

    有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
  3.  

    定义列表

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

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

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
原文地址:https://www.cnblogs.com/tian114527375/p/4932849.html