html中dl、dt、dd标签的定义及用法
来源:互联网 发布:知几学生 编辑:程序博客网 时间:2024/05/22 05:29
<dl>标记定义了一个定义列表,定义列表中的条目是通过使用<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;;}
dt { cursor:pointer;;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>
另一个例子:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd“>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<meta http-equiv=”Content-Language” content=”zh-cn” />
</head>
<body>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>
- html中dl、dt、dd标签的定义及用法
- html中dl,dt,dd标签的用法
- html中dl,dt,dd标签的用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中DL,DT,DD标签的使用
- html 中 dl dt dd 用法
- HTML之dl、dt、dd的用法
- dl dt dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签
- Html 参考:dl,dt,dd标签
- dl dt dd 标签的用法(一)
- sharepoint 讨论版的基本操作
- ubuntu下tftp安装和使用
- struts2 与 spring 的集成
- KeyCode常量
- 如何给Debian设成中文环境?
- html中dl、dt、dd标签的定义及用法
- 了解你的圈,不然说话得罪人自己都不知道
- 在托管Bean中访问另一个托管Bean
- 水晶报表crystalReportViewer老是弹出数据库登录对话框怎么解决
- 关于Access的左连接
- sharepoint ServerTemplate values
- iframe自适应高度、iframe高度自增长
- Ibatis中的一个“There is no READABLE property named 'uId' in class 'useri 的解决办法
- delphi 往数据库中添加图片与读取