所在的位置: html >> html介绍 >> 列表标签

列表标签

列表是一种非常有用的数据排列方式,它以列表的形式来显示数据或段落、换行符、图片、链接及其他列表等内容。HTML中共有3种列表,分别是无序列表、有序列表和自定义列表。

列表最大的特点就是:整齐、整洁、有序。

无序列表

无序列表的各个列表项之间没有顺序级别之分,是并列的,项目符号由几个符号构成(默认为黑色小圆点)。

其基本语法格式如下:

ul

li列表项1/li

li列表项2/li

li列表项3/li

......

/ul

!--举个栗子!--!DOCTYPEhtmlhtmlheadmetacharset=utf-8/titleDoument/title/headbodyh3水果:/h3ulli苹果/lili香蕉/lili榴莲/lili橘子/lili西瓜/li/ul/body/html

注意:

ul中只能嵌套li,直接在ul标签中输入其他标签或者文字的做法是不被允许的!li相当于一个容器,可以容纳所有元素。无序列表会带有自己的样式属性(粗体圆点),想要更改,要使用CSS。有序列表

有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,项目符号主要是字母或数字。

基本语法格式如下:

ol

li列表项1/li

li列表项2/li

li列表项3/li

......

/ol

!--举个栗子!--!DOCTYPEhtmlhtmlheadmetacharset=utf-8/titleDoument/title/headbodyh3水果:/h3olli苹果/lili香蕉/lili榴莲/lili橘子/lili西瓜/li/ol/body/html

所有特性基本与ul一致。

注:有序列表的序号类型只有5种:大、小写英文字母,大、小写罗马字母及阿拉伯数字(默认)。

自定义列表

自定义列表常用于对术语或名词进行解释和描述,自定义列表的列表项前没有任何项目符号。

其基本语法如下:

dl

dt名词1/dt

dd名词1解释1/dd

dd名词1解释2/dd

...

dt名词2/dt

dd名词2解释1/dd

dd名词2解释2/dd

...

/dl

!--举个栗子!--!DOCTYPEhtmlhtmlheadmetacharset=utf-8/titleDoument/title/headbodydldt苹果/dtdd苹果是蔷薇科苹果亚科苹果属植物。/dddd苹果营养价值很高,富含矿物质和维生素,含钙量丰富,有助于代谢掉体内多余盐分。/dddt香蕉/dtdd香蕉是芭蕉科芭蕉属植物。/dddd香蕉含有多种微量元素和维生素,能帮助肌肉松弛,并具有一定的减肥功效。/dddt榴莲/dtdd榴莲是一种锦葵目、木棉科巨型的热带常绿乔木。/dddd榴莲被誉为“水果之王”。它的气味浓烈、爱之者赞其香,厌之者怨其臭。/dddt橘子/dtdd橘子是芸香科柑橘属的一种水果。/dddd橘子中的维生素A还能够增强人体在黑暗环境中的视力和治疗夜盲症。/dddt西瓜/dtdd西瓜是一年生蔓生藤本。/dddd西瓜为夏季之水果,果肉味甜,能降温去暑。/dd/dl/body/html

总结




转载请注明:http://www.aierlanlan.com/rzfs/2825.html