简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 小猿圈web前端讲解dl、dt、dd标签
Blogger Information
Blog 75
fans 0
comment 0
visits 54645
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
小猿圈web前端讲解dl、dt、dd标签
聆听的博客
Original
1629 people have browsed it

对于web前端工作者以及正在学习前端的同学来说dl、dt、dd标签一定不陌生的，今天小猿圈web前端讲师就给大家讲解一下dl、dt、dd标签用途等问题。

dd、dt标签是是列表用的。

我们平时常用的是<ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。

<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

 此例在浏览器中的显示如下:

中国城市
  
北京
  
上海
  
广州
 
美国城市
  
华盛顿
  
芝加哥
  
纽约

以上就是小猿圈web前端讲师总结的dl、dt、dd标签，感觉清楚了很多吧，好好利用dl、dt、dd标签，你的页面会很整齐的，小猿圈为大家提供一个良好的学习平台，大家可以好好利用学习。

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！