<html>ul/ol、dl/dd/dt

最新推荐文章于 2021-12-05 11:35:22 发布
最新推荐文章于 2021-12-05 11:35:22 发布
阅读量292 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q869429064/article/details/51405819
版权 
<!--ol （有序）：-->
        <ol type="1/A/a/Ⅰ"  <!--标记类型-->
            start="1">  <!--排序的起始数值（任意）-->
            compact="compact"   <!--列表呈现的效果比正常情况更小巧(了解)-->
        ></ol>

    <!--ul（无序）：-->
        <ul type="disc/square/circle" <!--实心圆/实心方块/空心圆-->
            compact="compact"   <!--列表呈现的效果比正常情况更小巧(了解)-->
        ></ul>

    <!--li（列表项）：-->
        <ul>
            <li type="有序或无序的type属性都可以" 
                value="20"  <!--列表项目数字-->
        ></li>
        </ul>

    <!--dl（列表）：-->
        <dl><!--dl、dd、dt都支持全局属性-->
            <dt>项目</dt>
            <dd>描述</dd>
        </dl>
Thoby
关注
专栏目录
dl、dt、dd列表标签实例
12-11
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>
dl dt dd 用法
11-12 1万+
 释义：    dl: Definition List (定义列表)    dt: Definition Term （定义项）    dd: Definition Description （定义描述）作用：    dl表示一个定义列表    dt表示一个定义的名称，可以理解为词典中的条目    dd 表示对一个定义的解释，可以理解为词典中对条目的解释。注意：    这三个标签必须同时出
dl、dd、dt
huyao的博客
04-25 799
定义和用法&lt;dl&gt; 标签定义了定义列表（definition list）。&lt;dl&gt; 标签用于结合 &lt;dt&gt; （ 标签定义一个描述列表的项目/名字）和 &lt;dd&gt; （标签被用来对一个描述列表中的项目/名字进行描述）。You can use this element to represent key-value pairs semantically and...
DD DT DL标签
hqmln的博客
12-15 95
dl ——define list——定义列表 dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。 dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解 例子：&lt;dl&gt; &lt;dt&gt;Today &lt;dd&gt;Toda...
HTML之dl、dt、dd（也许这是你还没用过的标签，但它们非常实用）
热门推荐
子非魚
08-27 4万+
一、dl dt dd认识 html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格（扩展阅读：table tr td、table tr th表格布局）。 为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。（扩展阅读：ul li、ol li、li
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc
07-26
以下将详细介绍HTML列表中的一些主要元素：`<dl>`, `<dt>`, `<dd>`, `<ul>`, `<li>`, 和 `<ol>` 的区别及应用。 1. **无序列表（Unordered List）** 无序列表通常用于显示不需按特定顺序排列的项目。它使用`<ul>`...
HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
12-14
复制代码代码如下:<dl> <dt>计算机</dt> <dd>用来计算的仪器 … …</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 … …</dd></dl> HTML <ul> 标签 #定义和用法 <ul> 标签定义无序列表。 #实例 无序 HTML 列表...
<div> <div>项目2</div> <div class="pic12"> <img src="img/templatemo_image_01.jpg"> </div> <img src="img/templatemo_more.jpg"> </div> <dl> <dt style="font-size:20px;">产品推荐</dt> <dd> <ul> <div style="color: #AFAFAF;">为您提供最新的产品信息</div> <ul> <li>产品分类一</li> <li>产品分类二</li> <li>产品分类三</li> <li>产品分类四</li> <li>产品分类五</li> </ul> </ul> </dd> </dl> </div> 怎么把两个div元素与dl元素并排到一起
05-24
">产品推荐</dt> <dd> <ul> <div style="color: #AFAFAF;">为您提供最新的产品信息</div> <ul> <li>产品分类一</li> <li>产品分类二</li> <li>产品分类三</li> <li>产品分类四</li> <li>产品分类五</li> ...
<div id="cont"> <div> <span style="font-size: 30px;">最新项目</span> </div> <div> <div>项目1</div> <div class="pic12"> <img src="img/templatemo_image_02.jpg"> </div> <img src="img/templatemo_more.jpg"> </div> <div> <div>项目2</div> <div class="pic12"> <img src="img/templatemo_image_01.jpg"> </div> <img src="img/templatemo_more.jpg"> </div> <dl> <dt style="font-size:20px;">产品推荐</dt> <dd> <ul> <div style="color: #AFAFAF;">为您提供最新的产品信息</div> <ul> <li>产品分类一</li> <li>产品分类二</li> <li>产品分类三</li> <li>产品分类四</li> <li>产品分类五</li> </ul> </ul> </dd> </dl> </div>怎么把两个div元素与dl元素并排到一起
最新发布
05-24
">产品推荐</dt> <dd> <ul> <div style="color: #AFAFAF;">为您提供最新的产品信息</div> <ul> <li>产品分类一</li> <li>产品分类二</li> <li>产品分类三</li> <li>产品分类四</li> <li>产品分类五</li> ...
<html> <head> <meta charset="utf-8"/> <title>第4次js</title> <script> window.onload=function(){ //获取父元素dl var myDl=document.getElementById("myDl"); //获取第一个按钮 var oBtn1=document.getElementById("btn1"); //给btn1添加单击事件 oBtn1.onclick=function(){ //创建一个dd元素节点 var dd=document.createElement("dd"); //创建一个文本节点，内容是灭绝师太 var oText=document.createTextNode("灭绝师太"); //将文本节点添加到创建的dd节点中， dd.appendChild(oText); //再将创建好的dd添加到dl列表中 myDl.appendChild(dd); } } </script> </head> <body> <dl id="myDl"> <dt>姓名列表：</dt> <dd id="zwj">张无忌</dd> <dd id="zsf">张三丰</dd> <dd id="zcs">张翠山</dd> </dl> <button id="btn1">将"灭绝师太"添加到ul列表中</button> <button id="btn2">将"周芷若"插入到"张三丰"前</button> <button id="btn3">用"杨逍"替换"张翠山"</button> <button id="btn4">删除"张无忌"</button></body> 如何同时实现4个按钮的效果
05-24
<dt>姓名列表：</dt> <dd id="zwj">张无忌</dd> <dd id="zsf">张三丰</dd> <dd id="zcs">张翠山</dd> </dl> <button id="btn1">将"灭绝师太"添加到ul列表中</button> <button id="btn2">将"周芷若"插入到"张三丰...
dl dd dt实现的图文混排效果
05-14
非常实用的图文混排效果，左边图片，右边文字，很简洁，很实用，代码加图片~~
html之 <dl> <dd> <dt>
ssisse的博客
06-08 2340
html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格 为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。 dl dt dd列表标签语法 列表标题 列表内容 列表内容 ... 语法解释： 首先dt和dd是放于dl标签内，标签dt与d
DL，DT，DD，比传统table更语义，解析更快的table列表方式
云淡风轻、仅此一抹
08-24 5888
使用dl,dt,dd替代传统的table布局 -dl dt dd表格 dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; } dl{ margin:0 auto; width:50%; border:1px solid #f8b3d0; border-bottom
dl、dt、dd 标签
梦想阿里
11-19 2693
和 ul 一样，dt 也是 XHTML 中的一个列表标签，其子元素为 dt 和 dd。 dl 指列表，dt 指列表标题，dd 指列表内容。 一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： 标记定义了一个定义列表，定义列表中的条目是通过使用标记(“definition title”，定义标题)和标记(“defi...
dl dt dd的含义
iteye_1461的博客
08-09 1119
一般自己都是使用ol li，偶尔看到dl，百度了下，转载的。 一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： 标记定义了一个定义列表，定义列表中的条目是通过使用 标记(“definition title”，定义标题) 标记(“definition description”，定义描述)创建的。 给出了术语...
CSS之排列系列--dl, dt, dd--使用/教程/实例
IT利刃出鞘的博客
12-05 1万+
本文用示例介绍CSS中的dl, dt, dd的用法。 dl, dt, dd是组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。 为常用标题+列表型标签。若没有对dl dt dd标签初始CSS样式，默认dd列表内容会缩进。
dl dt 和dd的用法
happyYYhy的博客
02-28 8863
dl默认的是块状元素 用来创建一个普通的列表, 用来创建列表中的上层项目， 用来创建列表中最下层项目， 和都必须放在标志对之间。 dl  —— define list——定义列表 dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。 dd——define list define——用于生成定义列表各列表项
DL DT DD标签的详细描述及示例
ntsky1023的专栏
12-08 658
我们平时常用的是标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。 用来创建一个普通的列表,</dt>用来创建列表中的上层项目，用来创建列表中最下层项目，</dt>和都必须放在</dl>标志对之间。看一下下边的例子您就会明白了： dl ——define list——定义列表 dt ——define list title—
div学习之div中dl-dt-dd的详解
weixin_30467087的博客
10-22 1229
dl dt dd认识及dl dt dd使用方法 <dl>标签用于定义列表类型标签。 dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一、dl dt dd认识 - TOP html <dl> <dt> <dd>是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值