HTML列表

一、有序列表

1、简介

在HTML中,有序列表中各个列表项是有顺序的。有序列表从<ol>开始,到</ol>结束。在有序列表中一般采用数字或字母作为顺序,默认采用数字顺序。

在语法中,<ol>和</ol>标志着有序列表的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项。

注意:ol标签和li标签需要配合一起使用,不可以单独使用,而且<ol>标签的子标签也只能是li标签,不能是其他标签。

2、type属性

在HTML中,我们可以使用type属性来改变列表项符号。在默认情况下,有序列表使用数字作为列表项符号。

相关的语法:

<ol type = "属性值">
	<li>...</li>
	<li>...</li>
</ol>
type属性取值
属性值列表项符号
1阿拉伯数字:1、2、3…(默认值)
a小写英文字母:a、b、c…
A大写英文字母
i小写罗马数字
I大写罗马数字

注意:对于有序列表的列表项符号,等学了CSS后,不再使用type属性,而应使用list-style-type属性。

二、无序列表

1、简介

无序列表的列表项是没有顺序的,默认情况下无序列表的列表项符号是实心圆,可以通过type属性来改变其样式。

在语法中<ul>和</ul>标志着一个无序列表的开始和结束,<li>表示这是一个列表项。一个无序列表可以包含多个列表项。

注意:ul标签和li标签需要配合一起使用,不可以单独使用,而且ul标签的子标签也只能是li标签,不能是其他标签。

2、type属性

与有些列表一样,可以使用type属性来定义列表项符号。

type属性取值
属性值列表项符号
disc实心圆(默认)
circle空心圆
square正方形

注意:对于无序列表的列表项符号,等学了CSS后,不再使用type属性,而应使用list-style-type属性。

3、注意点

无序列表需要注意:

  • ul元素的子元素只能是li元素,不能是其他元素。
  • ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加。

三、定义列表

在HTML中,定义列表由两部分组成:名词和描述。

相关的语法为:

<dl>
	<dt>名词</dt>
	<dd>描述</dd>
	...
</dl>

在该语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值