- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
dd dt dl ul li区别与实战应用
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中可以再
文档评论(0)