列表
2016-05-19 13:05
225 查看
列表的标记
列表分为3种类型,包括无序列表,有序列表和定义列表。
列表的主要标记
使用无序列表
无序列表标记:ul
无序列表的特征在于提供一种不编号的列表方式,而在每一个项目文字之前,以符号作为分项标记。
<ul>
<li>第1项</li>
<li>第2项</li>
......
</ul>
说明:<ul>...</ul>标记表示这一个无序列表的开始和结束,而<li>则表示这是一个列表项的开始。在一个无序列表中可以包含多个列表项。
无序列表的符号类型:type
无序列表的符号类型
使用有序列表
有序列表标记:ol
有序列表中,各个列表项使用编号而不是项目符号来进行排列。列表中的项目通常都有先后顺序性,一般采用数字或者字母作为顺序号。
<ol>
<li>第1项</li>
<li>第2项</li>
......
</ol>
说明:<ol>...</ol>标记标志着有序列表的开始和结束,而<li>标记表示这是一个列表项的开始,默认情况下,采用数字序号进行排列。
有序列表的属性:type
有序列表的序号类型
有序列表的起始数值: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
目录列表用于显示文件内容的目录大纲,通常用于设计一个压缩窄列的列表,用于显示一系列的列表内容,如字典中的索引或单词表中的单词等。
使用嵌套列表
定义列表的嵌套
无序列表和有序列表的嵌套
列表分为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 | 大写罗马数字 |
默认情况下,有序列表的列表项是从数字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
目录列表用于显示文件内容的目录大纲,通常用于设计一个压缩窄列的列表,用于显示一系列的列表内容,如字典中的索引或单词表中的单词等。
使用嵌套列表
定义列表的嵌套
无序列表和有序列表的嵌套
相关文章推荐
- JAVA设计模式(16):行为型-策略模式(Strategy)
- 用一个栈实现另一个栈的排序
- css样式重置方案 -解决浏览器差异
- 更新Android SDK之后Eclipse提示ADT版本过低的一个简易解决办法
- 细说JAVA反射
- Nginx config hight throughput
- WPS显示无法创建对象,请确认对象已在系统注册表中注册
- sigaction 函数实现非阻塞IO
- 设计模式(一)-- 工厂模式
- 查找mysql数据库中所有包含特定名字的字段所在的表
- java入门之抽象类
- cocos2dx在C++层屏蔽emoji表情
- iOS - 将Unity导出的Xcode工程导入到另一个Xcode项目, 及常见报错的解决方法
- 写给2016-6-19的我
- 润乾填报乱码解决
- 太空飞行计划问题[网络流24题之2]
- Centos 6.5 ISO 文件挂载方法
- 百度地图使用地理编码与反地址编码
- JSP 的九大内置对象简介
- ReportViewer技巧汇总