第二章 网站开发基础之HTML教程 - 二、常用HTML标签:dl,有标题和内容项的列表项目(块级元素)

3.dl,有标题和内容项的列表项目(块级元素)

    dl标签用于显示有标题和内容项的列表项目,dl标签内嵌dt和dd标签,dt标签表述标题,dd标签表述内容。dl、dt、dd是在一起使用的,各自并不分开使用。
    dl、dt、dd标签自带缩进渲染效果,但使用时通常都会用CSS重新定义新的样式以符合网页整体美观需要。
 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>dl标签</title>
</head>
<body>
例1(未定义新样式):
<dl>
<dt>无题•李商隐</dt>
<dd>相见时难别亦难,东风无力百花残。</dd>
<dd>春蚕到死丝方尽,蜡炬成灰泪始干。</dd>
</dl>

例2(定义新样式):
<style type="text/css">
.newdl{display:block;padding:0;margin:0;}
.newdl dt,.newdl dd{display:block;padding:0;margin:0;text-align:center;}
</style>
<dl class="newdl">
<dt>无题•李商隐</dt>
<dd>相见时难别亦难,东风无力百花残。</dd>
<dd>春蚕到死丝方尽,蜡炬成灰泪始干。</dd>
</dl>
</body>
</html>


效果如下:

(图2-28)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值