1、列表的类型
HTML5提供了三种列表:
(1)ordered list:有序列表,即ol;
(2)unordered list:无序列表,即ul;
(3)definition list:自定义列表,即dl;
2、列表的相关名词解释
li:list item,列表项目;
dt:definition term,自定义术语;
dd:definition description,自定义描述;
3、有序列表ol的制作
有序列表由
元素和一组元素组成,下面是一个有序列表的HTML文档:
list001
学生就学顺序
幼儿园 小学 初中 高中 大学
浏览器打开该文档时,展示效果如下:
可以看到,浏览器自动为有序列表的项目进行编号,编号为1、2、3阿拉伯数字。
如果希望项目的编号由自己指定,可以为
元素设置type属性,该属性取值的含义为:
(1)取值为“1”:编号为1、2、3......;
(2)取值为“a”:编号为a、b、c......;
(3)取值为“A”:编号为A、B、C......;
(4)取值为“i”:编号为i、ii、iii......;
(5)取值为“I”:编号为I、II、III......;
下面将type设置为“I”,HTML文档为:
list002
学生就学顺序
幼儿园 小学 初中 高中 大学
浏览器打开该文档时,展示效果如下:
4、无序列表ul的制作
无序列表由
元素和一组元素组成,下面是一个无序列表的HTML文档:
list003
常见计算机编程语言
Java C C++ Python JavaScript
浏览器打开该文档时,展示效果如下:
可以看到,浏览器中,每条项目都有个列表项的标志。
5、自定义列表
自定义列表由
元素组成,常用于描述一组术语,
元素的内容是术语名称,
下面是一个自定义列表的HTML文档:
list004
学校类型
幼儿园
一般接收3-5岁幼儿 培养幼儿的生活自理、语言表达 小学 学生一般为6-11岁的儿童和少年 学生学习语文、数学和英语知识 初中 学生一般为12-14岁的少年 学生语文、数学、英语、物理、化学、生物、地理、历史、政治学科 高中 学生一般为15-17岁的青少年 课程和初中类似,但是难度较大 大学 学生一般为18岁以上的青年 大学按专业招生,不同的专业,学习的课程不同 大学包括专科、本科、硕士研究生、博士研究生学历
浏览器打开该文档时,展示效果如下: