dd dt dl ul li区别与实战应用.docVIP

dl /dl用来创建一个普通的列表 dt /dt用来创建列表中的上层项目 dd /dd用来创建列表中最下层项目 dt /dt和 dd /dd都必须放在 dl /dl标志对之间。 看一下下边的例子您就会明白了： dl ——define list——定义列表 dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。 dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解 例子： dl dtToday ddToday is yesterday. dtTomorrow ddTomorrow is today. /dl 例子2： html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title无标题文档/title style type=text/css !-- dt { float: left; width: 60px; margin: 0px; padding: 0px; } dd { float: left; clear: none; width: 290px; margin: 0px; padding: 0px; } dl { width: 350px; font-size: 9pt; line-height: 1.5em; position:relative; margin: 0px; padding: 0px; left:15px; } .red { color: #FF3300; } #box { width: 500px; background-color: #F1F1F7; } #box #content { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } -- /style /head body div id=box div id=content img src=/Article/UploadFiles/200704/20070412091408274.gif align=left/ dl dt商品名称：/dt ddstrong[好大的一只啊] /strong忧惠：span class=redem8.5折/em/span/dd dt商品简介：/dt dd商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[span class=red;详细介绍/span]/dd dt店铺地址：/dt dd商品名称/dd dt联系电话：/dt dd000087654321 /dd /dl /div /div /body/html ===================================================================== ul: unordered lists ul?无序列表，表现为li前面是大圆点而不是123:ul li……/li li……/li /ul ol: ordered lists 有序列表:li: Lists 每一项列表内容 ol? ol li……/li li……/li li……/li /ol 表现为：1…… 2…… 3…… 很多人容易忽略?dl?dt?dd的用法:dl?内容块dt?内容块的标题dd?内容可以这么写：dl dt标题/dtdd内容1/dddd内容2/dd/dl dt?和dd中可以再