列表是一种非常有用的数据排列方式,它以列表的形式来显示数据或段落、换行符、图片、链接及其他列表等内容。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
总结