HTML使用列表
2016-03-29 13:55
411 查看
概述:HTML中共有3种列表,分别是无序列表,有序列表和定义列表
无序列表的所有列表项目之间没有先后顺序,项目符号由几个符号构成
有序列表的列表项目有先后顺序,项目符号由字母或数字进行排序
定义列表是一组带有特殊含义的列表,它用作产生条件和描述的双重列表,可以对列表进行更为灵活的定义
一个列表项目里包含条件和说明俩部分
1.有序列表
概述:有序列表在列表中将每个元素按数字或字母顺序标号,创建一个有序列表时,以打开和关闭<ol>为开始,然后再每个元素前用标记<li>标识,标识的结束标记为</li>
(1)有序列表ol
概述:有序列表中各个列表项使用编号排列,列表中的项目有先后顺序,一般采用数字或字母作为顺序号
语法:<ol>
<li> 有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
结果:1. 有序列表项
2.有序列表项
3.
有序列表项
(2)有序列表的序号类型type
概述:默认情况下,有序列表的序号是数字,通过type属性可以改变序号的类型,包括大小写字母、数字和大小写罗马数字
语法:
<ol type = “序号类型“>
<li> 有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
说明:有序列表的序号类型有5种
type 列表项目的序号类型
1
数字1、2、3、4.。。。
a 小写英文字母a、b、c、d。。。
A 大写英文字母
i 小写罗马数字 i、ii、iii、iv。。。
I
大写罗马数字
提示:type属性仅仅适用于有序和无序列表,并不适用于目录列表、自定义项和菜单列表
(3)有序列表的起始数值start
概述:默认情况下,有序列表的编号是从1开始,通过start属性可以调整编号的起始值
语法:
<ol type = "a" start = "2">
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
2.无序列表
概述:无序列表除了不使用数字或字母外,其他和有序列表类似。无序列表并不依赖顺序来表示重要的程度
(1)无序列表标记<ul>
概述:无序列表的项目排列没有顺序,只以符号作为分项标识
语法:
<ul>
<li>无序列表项</li>
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
提示:不能将数字列表作为一个无序列表的一部分或附属列表,却能够使用嵌套列表项产生于数字列表项的下一层中
(2)无序列表的类型type
概述:默认情况下,无序列表的项目符号是点,而通过type参数可以调整无序列表的项目符号,避免列表符号单调
语法:
<ul type = “符号类型”>
<li>无序列表项</li>
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
类型值
列表项目的符号
Disc 默认值,黑色实心圆点
circle
空心圆
square
正方形
(3)目录列表标记<dir>
概述:目录列表一般用来创建多列的目录列表,他在浏览器中的显示效果与无序列表相同,因为他的功能也可以通过无序列表来实现
语法:
<dir>
<li>目录列表项</li>
<li>目录列表项</li>
<li>目录列表项</li>
</dir>
(4).定义列表标记<dl>
概述:定义列表由俩部分组成:定义条件和定义描述。定义列表的英文全称是definition list。<dt>用来指定需要解释的名词,英文全称为definition term;<dd>
是具体的解释,英文全称为 definition description
语法:
<dl>
<dt> 定义条件</dt>
<dd>定义描述</dd>
....
</dl>
说明:在该语法中,<dl>标记和</dl>标记分别定义了列表的开始和结束,<dt>后面添加的要解释的名词,而在<dd>后面添加该名词的具体解释
(5)菜单列表标记<menu>
概述:菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的,因为他的功能也可以通过无序列表来实现
语法:
<menu>
<li>菜单列表项</li>
<li>菜单列表项</li>
</menu>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
无序列表的所有列表项目之间没有先后顺序,项目符号由几个符号构成
有序列表的列表项目有先后顺序,项目符号由字母或数字进行排序
定义列表是一组带有特殊含义的列表,它用作产生条件和描述的双重列表,可以对列表进行更为灵活的定义
一个列表项目里包含条件和说明俩部分
1.有序列表
概述:有序列表在列表中将每个元素按数字或字母顺序标号,创建一个有序列表时,以打开和关闭<ol>为开始,然后再每个元素前用标记<li>标识,标识的结束标记为</li>
(1)有序列表ol
概述:有序列表中各个列表项使用编号排列,列表中的项目有先后顺序,一般采用数字或字母作为顺序号
语法:<ol>
<li> 有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
结果:1. 有序列表项
2.有序列表项
3.
有序列表项
(2)有序列表的序号类型type
概述:默认情况下,有序列表的序号是数字,通过type属性可以改变序号的类型,包括大小写字母、数字和大小写罗马数字
语法:
<ol type = “序号类型“>
<li> 有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
说明:有序列表的序号类型有5种
type 列表项目的序号类型
1
数字1、2、3、4.。。。
a 小写英文字母a、b、c、d。。。
A 大写英文字母
i 小写罗马数字 i、ii、iii、iv。。。
I
大写罗马数字
提示:type属性仅仅适用于有序和无序列表,并不适用于目录列表、自定义项和菜单列表
(3)有序列表的起始数值start
概述:默认情况下,有序列表的编号是从1开始,通过start属性可以调整编号的起始值
语法:
<ol type = "a" start = "2">
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
2.无序列表
概述:无序列表除了不使用数字或字母外,其他和有序列表类似。无序列表并不依赖顺序来表示重要的程度
(1)无序列表标记<ul>
概述:无序列表的项目排列没有顺序,只以符号作为分项标识
语法:
<ul>
<li>无序列表项</li>
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
提示:不能将数字列表作为一个无序列表的一部分或附属列表,却能够使用嵌套列表项产生于数字列表项的下一层中
(2)无序列表的类型type
概述:默认情况下,无序列表的项目符号是点,而通过type参数可以调整无序列表的项目符号,避免列表符号单调
语法:
<ul type = “符号类型”>
<li>无序列表项</li>
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
类型值
列表项目的符号
Disc 默认值,黑色实心圆点
circle
空心圆
square
正方形
(3)目录列表标记<dir>
概述:目录列表一般用来创建多列的目录列表,他在浏览器中的显示效果与无序列表相同,因为他的功能也可以通过无序列表来实现
语法:
<dir>
<li>目录列表项</li>
<li>目录列表项</li>
<li>目录列表项</li>
</dir>
(4).定义列表标记<dl>
概述:定义列表由俩部分组成:定义条件和定义描述。定义列表的英文全称是definition list。<dt>用来指定需要解释的名词,英文全称为definition term;<dd>
是具体的解释,英文全称为 definition description
语法:
<dl>
<dt> 定义条件</dt>
<dd>定义描述</dd>
....
</dl>
说明:在该语法中,<dl>标记和</dl>标记分别定义了列表的开始和结束,<dt>后面添加的要解释的名词,而在<dd>后面添加该名词的具体解释
(5)菜单列表标记<menu>
概述:菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的,因为他的功能也可以通过无序列表来实现
语法:
<menu>
<li>菜单列表项</li>
<li>菜单列表项</li>
</menu>
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
相关文章推荐
- HTMLTestRunner 异常输出中文乱码
- HTML中的英文缩写标记、属性
- 如何在Html中引入外部页面
- html文本溢出
- ubuntu下安装tidy
- html的表单form
- 在线工具、setHtmlRem、px2rem
- 解决问题 “You don't have permission to access /index.html on this server.”
- HTML学习笔记(一)
- HTML使用图像
- Html - 幽灵键盘
- 在table上面得加一个提示层,可加任何HTML
- HTML-文本格式化
- HTML文字与段落标记
- html-progress meter
- html-progress meter
- MVC学习系列——HtmlHelper扩展
- MVC如何在路由器(RouteConfig)定义后缀.html
- html 标签详解(基础<!DOCTYPE> )
- HTML基本标记