HTML中DL、DT、DD标记的使用http://www.128kj.com/article/article11/3829155921838ADD02B3D2855361D377.htm?id=2213

转载 2007年09月26日 14:02:00
记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。

        一个定义列表中可以有多个术语名对应同一个给出的定义,也可有多重定义对应于一个术语名。同时也可以只给出术语名称而不对应定义,反之亦然。当然,这种结构往往并无实际意义,我们可以通过样式表,很轻松的实现这3个标记所达到的效果。

下面是一个例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">
<!--
dl   { background-color:#000;color:#fff;width:100px;}
dt   { cursor:pointer;width:100%;background-color:#666;}
.expand  { overflow:visible;}
.collapse  { height:16px;overflow:hidden;}
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDl(dt){
 var dl=dt.parentNode;
 if("collapse"==dl.className)dl.className="expand";
 else dl.className="collapse";
}
//-->
</script>
</head>
<body>
<dl>
 <dt onclick="toggleDl(this)">根结点</dt>
 <dd>子结点1</dd>
 <dd>子结点2</dd>
 <dd>子结点3</dd>
 <dd>子结点4</dd>
</dl>
</body>
</html>

 

相关文章推荐

“操作必须使用一个可更新的查询”的解决办法(转自:http://jingyan.baidu.com/article/d5a880eb46345613f147cc16.html)

一句话,把Excel链接语句中的IMEX=1(只读)改成IMEX=0(只写)或IMEX=2(读写)!下面是解释: 前两天使用oledb连接excel的办法为单位某部门从一个excel的多个s...
  • lslxdx
  • lslxdx
  • 2012年03月19日 15:47
  • 1709

jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm

在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明:  首先,html属性中有两个方法,一个有参,一个无参  1. 无参html()...

mysql存储过程 游标 循环使用介绍 详细出处参考:http://www.jb51.net/article/32139.htm

今天分享下自己对于Mysql存储过程的认识与了解,这里主要说说大家常用的游标加循环的嵌套使用 Mysql的存储过程是从版本5才开始支持的,所以目前一般使用的都可以用到存储过程。今天分享下自己对于My...

python字符串连接的N种方式(转自http://www.jb51.net/article/55301.htm;http://www.cnblogs.com/huangcong/)

最原始的字符串连接方式:str1 + str2 python 新字符串连接语法:str1, str2 奇怪的字符串方式:str1 str2 % 连接字符串:‘name:%s; sex: ' % ('t...

JavaScript风格指南(转载自http://www.codeceo.com/article/javascript-code-style-guide.html?ref=myread)

一.基本格式 缩进 建议每级4个空格,可以给编辑器设置tab = 4个空格,自动转换 分号 不要省略分号,防止ASI(自动插入分号)错误 行宽 每行代码不超过80个字符,过长应该用操作符手...

下面是20个非常有用的Java程序片段,希望能对你有用(转载自http://www.codeceo.com/article/20-java-code.html)

下面是20个非常有用的Java程序片段,希望能对你有用。 1. 字符串有整型的相互转换 String a = String.valueOf(2); //integer to numeric...

一些有关图像处理的代码片段(抓图、倒影、圆角)http://www.189works.com/article-41036-1.html

摘要: 捕捉屏幕截图CALayer实例使用Core Graphics的renderInContext方法可以将视图绘制到图像上下文中以便转化为其他UIImage实例。前提先#import Quar...
  • L__0omg
  • L__0omg
  • 2013年04月13日 09:23
  • 974

http://www.codeceo.com/article/html-css-interview.html

http://www.codeceo.com/article/html-css-interview.html 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端e...

http://www.w3cplus.com/css3/css3-3d-transform.html

为一个网页设计师,你可能熟悉在二维空间工作,但是在三维空间上工作并不太熟悉。使用二维变形我们能够改变元素在水平和垂直轴线,然而还有一个轴沿着它,我们可以改变元素。使用三维变形,我们可以改变元素在Z轴位...

js关闭当前页面(窗口)的几种方式总结(原文:http://www.jb51.net/article/34502.htm)

window.open 只打开一个窗口是将      oNewWindow   =   window.open(   sURL   ,   sName   ,   sFeatures   ,   b...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML中DL、DT、DD标记的使用http://www.128kj.com/article/article11/3829155921838ADD02B3D2855361D377.htm?id=2213
举报原因:
原因补充:

(最多只允许输入30个字)