`
fei_6666
  • 浏览: 203163 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dl dt dd的用法-页面制作

阅读更多
一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法:
<dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。
也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。
<dl>
<dt>我们在做列表标题</dt>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
</dl>

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好

ol 有序列表。

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
  表现为:
1……
2……
3……
  ul 无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
  很多人容易忽略 dl dt dd的用法
    dl 内容块
  dt 内容块的标题
  dd 内容
   或者这么说
dl就是定义一个列表
dt说明白了就是这个列表的标题
dd就是内容,能缩进


  可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
  dt 和dd中可以再加入 ol ul li和p
  理解这些以后,在使用div布局的时候,会方便很多


dl:代表HTML自定义列表
dt:代表HTML自定义列表组
dd:HTML自定义列表描述

dt主要放label部分,dd主要放input或其他。

注意:和label布局一样,有IE的3px BUG。
HTML代码
http://www.cyhd.net/appdesign/2008/0520/article_1095.html
分享到:
评论

相关推荐

    网页制作小技巧 dl dt dd标签用法

    一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法

    CSS 之dl dt dd模拟表格实例代码

    贴出dl dt dd模拟表格实例,不推荐在实际项目中使用,可以了解dl dt dd的用法。测试浏览器:IE6\IE7\IE8\FF3.0 CSS: 复制代码代码如下: dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; } dl{ margin:0 ...

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

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 &lt;ul&gt; 标签。每个列表项始于 。

    html标记完全教程

    网页制作小技巧:dl dt dd标签用法----2008年9月15日 头部属性全接触----2008年9月15日 两个表格[Table]可以左右排放吗----2008年9月15日 marquee基本语法的全解释----2008年9月14日 HTML4.0不常用标签特性示例-...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    复制代码代码如下:&lt;dl&gt; &lt;dt&gt;计算机&lt;/dt&gt; &lt;dd&gt;用来计算的仪器 … …&lt;/dd&gt; &lt;dt&gt;显示器&lt;/dt&gt; &lt;dd&gt;以视觉方式显示信息的装置 … …&lt;/dd&gt;&lt;/dl&gt; HTML &lt;ul&gt; 标签 #定义和用法 &lt;ul&gt; 标签定义无序列表。 #实例 无序 HTML 列表...

    dl,dt,dd,ul,li,ol区别及应用

    ol有序列表:&lt;ol&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;/ol&gt;表现为:1……2……3……ul无序列表,表现为li前面是大圆点而不是123:&lt;ul&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;/ul&gt;很多人容易忽略dldtdd的用法:dl内容块dt内容...

    DD DT DL标签使用示例

    我们平时常用的是ul li标签,不过dd、dt标签也蛮不错,主要实在有功能模块列表什么的可以使用它来排版,下面为大家介绍个示例讲解下dd、dt标签的具体的使用方法,感兴趣的朋友额可以参考下

    DIV CSS网页布局中常用的列表元素

    很多人容易忽略 dl dt dd的用法 dl 内容块 dt 内容块的标题 dd 内容 可以这么写: 复制代码代码如下: &lt;dl&gt; &lt;dt&gt;标题&lt;/dt&gt; &lt;dd&gt;内容1&lt;/dd&gt; &lt;dd&gt;内容2&lt;/dd&gt; &lt;/dl&gt; dt 和dd中可以再加入 ol ul li和

    CSS教程:复合型条状图表

    dl标记定义了一个定义列表,定义列表中的条目是通过使用dt标记(定义标题)和dd标记(定义描述)创建的。dt给出了术语名,dd标记给出了术语的定义信息。 也就是说dt用来创建列表中的上层项目,dd用来创建列表中最下层...

    CSS 用ul li做圆角表格

    这两天和表格纠结上了…工作需要做表格,但是不想重复相同的方法,前两天用dl dt dd,今天用ul li做个圆角表格,圆角用了背景图片。再次声明:数据输出型的表格不推荐使用div+css。测试浏览器:IE6\IE7\IE8\FF3.0\...

    大陆仔 iPush 轮播程序 (支持响应式设计)

    该对象内置了一个方式显示,使用内置模式的方法是 $.dlz_iPush_mini_config(true); 当然,也可以自定义迷你控件的样式: dlz_iPush_mini_config 的参数如果是一个对象,系统就会认为是自定义参数了,对象参数具体...

    css入门笔记

    ex:div,h1-h6,p,ul,li,ol,dl,dt,dd 2.行内元素允许修改尺寸 表单控件元素 3.本身具备width和height属性的元素 ex:img,table 注意:大部分行内元素不能修改 span,a,i,u,b,s 3.溢出处理 当内容多,元素区域小...

    高效整洁CSS代码原则

    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table ...

    jquery实现简单手风琴菜单效果实例

    本文实例讲述了jquery实现简单手风琴菜单效果的方法。分享给大家供大家参考。具体实现方法如下: (function($) { var allPanels = $('.accordion &gt; dd').hide(); $('.accordion &gt; dt &gt; a').click(function() { ...

    setTimeout内不支持jquery的选择器的解决方案

    今天在写一个js延时事件的时候发现在setTimeout这个方法里面使用jquery的$(this)竟然不起作用,各种测试,最后得出结论是setTimeout内不支持jquery的选择器。于是请教了一下QQ上做jquery开发的高手,马上就把这问题...

Global site tag (gtag.js) - Google Analytics