列表标签ul、ol、dl、li

列表标签的种类

无序列表标签(ul标签)
有序列表标签(ol标签)
自定义列表标签(dl标签)

无序列表

无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

<!-- ul标签定义无序列表 -->
<ul><!-- li标签定义列表项目 --><li>列表标题一</li><li>列表标题二</li><li>列表标题三</li>
</ul>

注意：

<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
<li>与</li>之间相当于一个容器，可以容纳所有元素。<li>中可以嵌套别的标签。
无序列表会带有自己样式属性，放下那个样式，一会让CSS来！

有序列表

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：

<!-- ol标签定义有序列表 -->
<ol><!-- li标签定义列表项目 --><li><a href="#">列表标题一</a></li><li><a href="#">列表标题二</a></li><li><a href="#">列表标题三</a></li>
</ol>

所有特性基本与ul 一致。但是实际中比无序列表用的少很多。

自定义列表

定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：

    <dl><dt>名词1</dt><dd>名词1解释1</dd><dd>名词1解释2</dd>...<dt>名词2</dt><dd>名词2解释1</dd><dd>名词2解释2</dd>...</dl>

列表总结

标签名	定义	说明
<ul></ul>	无序标签	里面只能包含li 没有顺序，以后布局中最常用的列表
<ol></ol>	有序标签	里面只能包含li 有顺序，使用情况较少
<dl></dl>	自定义列表	里面有2个兄弟， dt 和 dd

列表标签ul、ol、dl、li相关推荐

html 列表标签 ul ol dl
首先先来看个截图: 这种以列表形式来显示的内容在网页中称为列表,相信大家都经常见到,在Word里也有,很多文档编辑里也都有.在HTML中的列表则有三种类型:无序列表.有序列表.定义列表. 那么我们首先 ...
#4 CSS表格＜table＞-表单＜form＞-列表＜ul/ol/dl＞标签的使用
<!doctype html> <html lang="zh-CN"><head><meta charset="utf-8&qu ...
DIV+CSS中标签ul ol li dl dt dd用法
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
HTML 列表标签＜ol＞＜ul＞＜dl＞详解
列表标签概述特点:整齐.整洁.有序,用来布局会更加自由和方便列表的分类:无序列表.有序列表.自定义列表无序列表无序列表的基本语法格式如下: <ul><li>列表项1&l ...
html中列表标签ul、ol、 dl的使用和介绍
一.UL列表介绍 ul 是无需列表,li列表里面的一条值,例如 <ul><li>中国</li><li>四川</li><li>成都 ...
html哪些标签可以用在制作列表中,用HTML列表标签ul、ol和dl制作菜单
近日,林柯想制作一份小菜单,经过沟通,木可用illustrator帮林柯完成了一份设计稿,效果如下: 菜单不过,怎么样用HTML实现这个效果图呢?木可把刚学会的ul.li和dl标签派上了用场,下面让 ...
div+css布局必了解的列表元素ul ol li dl dt dd详解
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...
ul,ol,dl区别
1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> < ...

列表标签ul、ol、dl、li

列表标签的种类

无序列表

有序列表

自定义列表

列表总结

列表标签ul、ol、dl、li相关推荐

最新文章

热门文章