dl,dt,dd标记在网页中要充分利用

2016-02-19 23:28 5 1 收藏

下面图老师小编要向大家介绍下dl,dt,dd标记在网页中要充分利用,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

我们在制作网页过程中用到列表时一般会使用ul或者ol标签,很少用刑dl标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是:

dl /dl用来创建一个普通的列表,

dt /dt用来创建列表中的上层项目,

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

dd /dd用来创建列表中最下层项目,

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

dt /dt和 dd /dd都必须放在 dl /dl标志对之间。

有如下代码

html
head
title一个普通列表/title
/head
body text="blue"
dl
  dt中国城市/dt
    dd北京 /dd
    dd上海 /dd
    dd广州 /dd
  dt美国城市/dt
    dd华盛顿 /dd
    dd芝加哥 /dd
    dd纽约 /dd
/dl
/body
/html

我们可以看到,dt/dt中间的文字即时我们没有进行缩进它也会怎地向前靠拢,而dd/dd中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了

来源:http://www.tulaoshi.com/n/20160219/1630018.html

延伸阅读
标签: Web开发
ul: unordered lists ol: ordered lists li: Lists 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标题/dt dd内容1/dd dd内容2...
风景摄影技巧:如何充分利用各类镜头   使用广角镜头拍摄风景的方法 广角镜头具有许多有特色的表现效果。第一是拥有宽广的视角,可以将风景全部收进画面中。第二是可以分开近景和远景,强调远近感。第三是和长焦镜头不同,广角镜头的景深较深,可以使近景和远景都处于合焦范围内,这可以说是广角镜头的三个主要特征。使用广角镜...
解密唯美人像之如何充分利用现场光线 这一节课是《解密唯美人像之如何充分利用现场光线》的最后一节课,回顾之前文章用力猛戳 利用场景的线条, 对比营造画面氛围 、尝试另类视角、强化光影效果, 营造富有视觉冲击力的画面氛围、带入大场景的拍摄。 ●光圈: F2.8 ●快门速度: 1/200s●焦距: 70mm ●感光度: 400●曝光补偿: EV0 ...
标签: 生活常识
小户型设计之充分利用室内空间 对于小户型而言,最重要的装修原则就是要充分利用室内空间。由于小户型的居室面积相对来说较为狭小,在一个房间中可能要包括起居、会客、储存、学习等多种功能,既要满足人们的生活需要,还要使室内不致产生杂乱感,这就需要对居室空间进行充分合理的布置。 见缝插针的隔板 由于空间上的限...
    防火墙的分类及特点     对于市面上种类品牌繁多的防火墙,选购者们是不是会很头疼呢?究竟是看重这个防火墙厂商的知名度还是它的功能?到底国内防火墙好还是国外防火墙更优秀?他们都各自有什么优势呢?     不同环境的网络,对于防火墙的要求各不一样。比如说IDS功能、VPN功能,对于一...

经验教程

747

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部