HTML列表标签使用

1、无序列表

(无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。在无序列表中,各个列表之间属于并列关系,没有先后顺序之分,它们之间以一个项目符号来标记。)

①代码段:

<ul>
	<li>春</li>
	<li>夏</li>
	<li>秋</li>
	<li>冬</li>
</ul>

②示例图:

 2、有序列表

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

①、代码段:

<ol>
	<li>苹果</li>
	<li>香蕉</li>
	<li>柠檬</li>
	<li>梨子</li>
</ol>

②示例图:

 3、定义列表

(定义列表 dl 由两部分组成,分别是用于定义标题的 dt 标签和用于定义详情的 dd 标签 。需要说明的是,一个 dl 可以有多个 dt。一个 dt 可以有多个 dd,但一个 dd 不会出现跟着多个 dt。)

①、代码段:

	<dl>
		<dt>计算机</dt>
		<dd>用于大型计算机器</dd>
		<dd>可以上网冲浪</dd>
		<dd>工作效率非常高</dd>
	</dl>

②、示例图:

 4、综合使用

①、代码段

	<h2>饮品</h2>
	<ul>
		<li>
			咖啡
			<ol>
				<li>拿铁</li>
				<li>摩卡</li>
			</ol>
		</li>
		<li>
			茶
			<ul>
				<li>碧螺春</li>
				<li>龙井</li>
			</ul>
		</li>
	</ul>

②、示例图:

 名言:

积极的人在每一次忧患中都看到一个机会,而消极的人则在每个机会都看到某种忧患。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亭外亭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值