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

heart恭默思道

heart恭默思道

2016-02-19 23:28

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

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

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

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

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

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

有如下代码

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

充分利用Word中的域

办公软件
充分利用Word中的域

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

dl、dt、dd 标记来改造163邮箱的广告条

Web开发
dl、dt、dd 标记来改造163邮箱的广告条

ASP充分利用Err.Description

Web开发
ASP充分利用Err.Description

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何充分利用Windows 8.1中的新功能

电脑入门
如何充分利用Windows 8.1中的新功能

宝宝混合喂养应充分利用母乳

母乳 混合喂养
宝宝混合喂养应充分利用母乳

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

网站变黑白灰色的4种代码详细讲解

网站变黑白灰色的4种代码详细讲解

一辈子的承诺来守护一辈子的爱情ら

一辈子的承诺来守护一辈子的爱情ら
下拉加载更多内容 ↓