ul: unordered list (无序列表)
ol: ordered list (有序列表)
li: list item (列表项)
这里的有序并不表示列表项会按字母或数字排序,而仅仅是加上1,2,3,…序号。可以用CSS来改变默认的显示样式。
无序和有序列表的列表项都是用<li>标签。
1. ol和ul标签的区别:
value="[number]" 只适用于<ol>标签,标明当前列表项的序号
type="disc|circle|square" 只适用于<ul>标签,指定显示效果
<ol>
<li>flaw</li>
<li value="4">diomatic</li>
<li>declarative</li>
<li>transformation</li>
<li value="9">realistic</li> <!-- Set the sequence number of this item, the following would be incremented automatically based on the value; the previous ones would not be affected -->
</ol>
<ul>
<li type="circle">legacy</li>
<li type="square">paradigm</li>
<li type="disc">prescriptive</li> <!-- "disc" is the default value -->
<li>decouple</li>
</ul>
显示效果:
2. dl,dt,dd自定义列表
dl: 内容块
dt: 内容块的标题
dd: 内容
<dl>
<dt>Description</dt>
<dd>Institute</dd>
<dd>Initiative</dd>
<dd>Square</dd>
<dd>Manufacture</dd>
</dl>
- 大小: 13.9 KB
分享到:
相关推荐
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul> 标签。每个列表项始于 <li>。
我们平时常用的是<ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。<dl></dl><dt>< /dt><dd>< /dd> <dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建...
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。 #实例 复制代码代码如下:<dl> <dt>计算机</dt> <dd>用来计算的仪器 … …</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 … …</...
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div。
ol有序列表:<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3……ul无序列表,表现为li前面是大圆点而不是123:<ul><li>……</li><li>……</li></ul>很多人容易忽略dldtdd的用法:dl内容块dt内容...
一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法
4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整数据 form-table-tr-td 表单布局 块标签:基本块级标签 标题:h1-h6 段落:p 水平线:hr 常用布局标签 有序:ol-li ...
use tech js、validate、css use mark form ul li dl dt dd
我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。 <dl>< /dl>< dt>< /dt>< dd>< /dd> <dl>< /dl>用来创建一个普通的列表,< dt><...
注意:ol标签里面只能有li li相当于一个容器 可以容纳所有元素 默认阿拉伯数字1234 3.自定义列表(重要) <dl> <dt>名词或项目名</dt> <dd>解释一</dd> <dd>解释二</dd> <dd>解释三</dd> </...
简单标签、图片标签img、音频/视频标签vedio/audio、链接标签a、列表标签ul>li ol>li dl>dt/dd 、表格标签table、 表单标签form等。适合前端新手
在Web开发中,菜单是非常常见的交互元素,通常我们使用ul和li标签来创建水平或垂直菜单。但是,今天我们要讨论的是使用dl,dt,dd标签来创建CSS垂直菜单的方法。 dl,dt,dd标签的作用: * dl标签定义了一个定义列表,...
这两天和表格纠结上了…工作需要做表格,但是不想重复相同的方法,前两天用dl dt dd,今天用ul li做个圆角表格,圆角用了背景图片。再次声明:数据输出型的表格不推荐使用div+css。测试浏览器:IE6\IE7\IE8\FF3.0\...
ol 有序列表 复制代码代码如下: <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 ...dt 和dd中可以再加入 ol ul li和
北大青鸟s1 HTML 知识点总结 HTML5的优势 世界知名浏览器厂商对HTML5的支持:微软 、Google、苹果、Opera、Mozilla 市场的需求 ...没有顺序,每个<dt>标签、<dd>标签独占一行(块元素) 默认没有标记
根据 HTML4.01 规范可知,LI DD DT 元素只应存在于其对应的 UL OL DL 元素中,而由 UL OL DL 元素创建的列表从 HTML 规范的定义上说不应该包含具有其他意义的非列表元素 (‘display’ 不为 ‘list-item’ ),但在...