位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 3.7 HTML 自定义列表 dl 标签
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 3.6 HTML 有序列表ol标签 下一篇: 3.8 HTML框架 iframe标签

标签定义及使用说明

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

所有主流浏览器都支持 <dl> 标签。

<dl> 标签定义一个描述列表。

<dl> 标签与 <dt> (定义项目/名字)和 <dd> (描述每一个项目/名字)一起使用。

示例

小白教程网www.2d5.net

代码如下:

<dl>
  <dt>Coffee</dt>
    <dd>Black hot drink</dd>
  <dt>Milk</dt>
    <dd>White cold drink</dd>
</dl>

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML自定义列表 dl、dt、dd标签</title>
</head>
<body>
     <dl>
             <dt>浙江</dt>
             <dd>杭州</dd>
             <dd>宁波</dd>
             <dt>浙江</dt>
             <dd>杭州</dd>
             <dd>宁波</dd>             
     </dl>
</body>
</html>

效果如图3-14

image.png

上一篇: 3.6 HTML 有序列表ol标签 下一篇: 3.8 HTML框架 iframe标签
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)