HTML5列表 英语 请列举html5列表的种类_自定义


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

学生就学顺序

幼儿园 小学 初中 高中 大学

浏览器打开该文档时,展示效果如下:


HTML5列表 英语 请列举html5列表的种类_取值_02


可以看到,浏览器自动为有序列表的项目进行编号,编号为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

学生就学顺序

幼儿园 小学 初中 高中 大学

浏览器打开该文档时,展示效果如下:


HTML5列表 英语 请列举html5列表的种类_HTML5列表 英语_03


4、无序列表ul的制作

无序列表由

元素和一组元素组成,下面是一个无序列表的HTML文档:

list003

常见计算机编程语言

Java C C++ Python JavaScript

浏览器打开该文档时,展示效果如下:


HTML5列表 英语 请列举html5列表的种类_HTML5列表 英语_04


可以看到,浏览器中,每条项目都有个列表项的标志。

5、自定义列表

自定义列表由

元素组成,常用于描述一组术语,

元素的内容是术语名称,

下面是一个自定义列表的HTML文档:

list004

学校类型

幼儿园 一般接收3-5岁幼儿 培养幼儿的生活自理、语言表达 小学 学生一般为6-11岁的儿童和少年 学生学习语文、数学和英语知识 初中 学生一般为12-14岁的少年 学生语文、数学、英语、物理、化学、生物、地理、历史、政治学科 高中 学生一般为15-17岁的青少年 课程和初中类似,但是难度较大 大学 学生一般为18岁以上的青年 大学按专业招生,不同的专业,学习的课程不同 大学包括专科、本科、硕士研究生、博士研究生学历

浏览器打开该文档时,展示效果如下:


HTML5列表 英语 请列举html5列表的种类_html 无序列表编程一排_05