您的位置:首页 > 其它

列表

2016-05-19 13:05 225 查看
列表的标记

列表分为3种类型,包括无序列表,有序列表和定义列表。

列表的主要标记
标记描述标记描述
<ul>无序列表<menu>菜单列表
<ol>有序列表<dt>、<dd>定义列表的标记
<dir>目录列表<li>列表项目的标记
<dl>定义列表
使用无序列表

无序列表标记:ul

无序列表的特征在于提供一种不编号的列表方式,而在每一个项目文字之前,以符号作为分项标记。

<ul>

<li>第1项</li>

<li>第2项</li>

......

</ul>

说明:<ul>...</ul>标记表示这一个无序列表的开始和结束,而<li>则表示这是一个列表项的开始。在一个无序列表中可以包含多个列表项。

无序列表的符号类型:type

无序列表的符号类型
类型值列表项目的符号
disc
circle
square
使用有序列表

有序列表标记:ol

有序列表中,各个列表项使用编号而不是项目符号来进行排列。列表中的项目通常都有先后顺序性,一般采用数字或者字母作为顺序号。

<ol>

<li>第1项</li>

<li>第2项</li>
......

</ol>

说明:<ol>...</ol>标记标志着有序列表的开始和结束,而<li>标记表示这是一个列表项的开始,默认情况下,采用数字序号进行排列。

有序列表的属性:type

有序列表的序号类型
type取值列表项目的序号类型
1数字
a小写英文字母
A大写英文字母
i小写罗马数字
I大写罗马数字
有序列表的起始数值:start

默认情况下,有序列表的列表项是从数字1开始的,通过start参数可以调整起始数值。这个数值可以对数字起作用,也可以作用于英文字母或者罗马数字。

<ol start="起始数值">

<li>第1项</li>

<li>第2项</li>
......

</ol>

说明:在该语法中,不论列表编号的类型是数字、英文字母还是罗马数字,起始数值只能是数字。

定义列表标记:dl

主要用于解释名词,包含两个层次的列表,第一层次是需要解释的名词,第二层次是具体的解释。

<dl>

<dt>名词1<dd>解释1

<dt>名词2<dd>解释2

<dt>名词3<dd>解释3

......

</dl>

说明:<dl>...</dl>标记分别定义了定义列表的开始和结束,<dt>后面就是要解释的名称,而在<dd>后面则添加该名词的具体解释。作为解释的内容在显示时会自动缩进,有些像字典中的词语解释。

菜单列表标记:menu

菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中显示的效果和无序列表是相同的,因此它的功能也可以通过无序列表来实现。

<menu>

<li>第1项</li>

<li>第2项</li>
......

</menu>

目录列表:dir

目录列表用于显示文件内容的目录大纲,通常用于设计一个压缩窄列的列表,用于显示一系列的列表内容,如字典中的索引或单词表中的单词等。

使用嵌套列表

定义列表的嵌套

无序列表和有序列表的嵌套
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: