手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

学习HTML中的列表

时间:2024-10-13 11:47:56

在HTML中,有一种标签很重要,那就是列表。有三种列表:无序列表、有序列表和定义列表。接下来我们就一个一个的来看看,它们分别是什么样的。

工具/原料

电脑一台

有序列表

1、首先来看有序列表有序列表是将每个列表项按数字或者字母顺序排列,基本语法是以ol为父标签,li为子标签,列表里有多少个列表项,就在父标签ol内部增加多少个子标签。举个列子来看看怎么样的。

学习HTML中的列表
学习HTML中的列表

2、有序列表的序号有5种:数字、小写字母、大写字母、小写蕃污旭鲤罗马数字、大写罗马数字。这里要用到有序列表的一个常用属性type,它是用来设置列表的序号类型,有5个属性值,分别是数字、小写字母、大写字母、小写罗马字母i、大写罗马字母I。如果不指定type属性,则默认为数字序号;说道常用属性,有序列表标签有两个常用属性,一个是type,另一个是属性是起始数值属性,可以设置序号的起始值。看看效果如何。

学习HTML中的列表
学习HTML中的列表

无序列表

1、说完有序列表,接下来看看无序列表无序列表,它的排列没有顺序,只是以符号作为分项标识。基本语法是以ul为父标签,子标签仍然是li。预览看看是怎么样的。

学习HTML中的列表
学习HTML中的列表

2、无序列表的序号有3种,分别是实心圆点、空心圆点、实心方块。这里无序列表只有一个属性type,属性值有Disc、circle、square。看看例子。

学习HTML中的列表
学习HTML中的列表

定义列表

1、最后我们来看看什么是定义列表,它一般用来在网页上显示需要解释的名词,由定义条件和定义描述。基本语法是以dl为父标签,dt标签之间的内容是专有名词,dd标签之间的内容是对名词的解释。

学习HTML中的列表
学习HTML中的列表

其他列表

1、另外,还有目录列表和菜单列表,它们在浏览器中显莲镘拎扇示的效果跟无序列表相同,只是父标签不同。目录列表一般用来创建多列的目录列表,它的父标签是dir,菜单列表的父标签是menu。它们的功能,都是可以通过无序列表来实现。

学习HTML中的列表
学习HTML中的列表
© 手抄报圈