html5笔记——html5列表

html5笔记——html5列表

作者:舒晴
上一篇:html5标记.
列表就是在网页中将项目有序或无序的罗列显示。HTML中有3种列表形式:有序列表、无序列表和定义列表。

有序列表

有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。
基本语法格式:

<ol>
	<li>列表项</li>
	<li>列表项</li>
	<li>列表项</li>
	……
</ol>

无序列表

无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的。
基本语法格式:

<ul>
	<li>列表项</li>
	<li>列表项</li>		
	<li>列表项</li>
	……
</ul>

自定义列表

自定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。
<dl>:定义列表
<dt>:定义专业术语或名词
<dd>:对名词进行解释和描述
基本语法格式:

<dl>
	<dt>名词1</dt>
 		<dd>名词1解释1</dd>
 		<dd>名词1解释2</dd>
 		……
	<dt>名词2</dt>
		<dd>名词2解释1</dd>
 		<dd>名词2解释2</dd>
 		……
</dl>

列表的嵌套应用

在使用列表时,列表项中也有可能包含若干子列表项,要想在列表项中定义子列表项就需要将列表进行嵌套

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

safina ~

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

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

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

打赏作者

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

抵扣说明:

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

余额充值