HTML学习笔记(三)列表

一、无序列表

1、列表标签:给一堆数据添加列表语义,即告诉搜索引擎/浏览器这一堆数据是一个整体。

2、分类:无序列表,有序列表,定义列表。

3、无序列表(使用最多)unordered list
(1)作用:给一堆数据添加列表语义,且一堆数据中所有数据都没有先后之分。
(2)格式:

<ul>
	<li>需显示的条目内容</li>
</ul>

(3)li标签为列表条目,ul标签和li标签为一个整体,一般一起出现。ul标签中不推荐出现除了li以外的其他标签;但li标签中可以添加其他标签。
(4)应用场景:导航条、新闻列表、商品列表等。
(5)键入ul>li可快速生成

<ul>
	<li></li>
</ul>

(6)li中还可有ul,无限套娃。

二、有序列表

1、有序列表(使用最少)ordered list:有先后之分,每个条目前都有符号。

2、格式:

<ol>
	<li></li>
</ol>

三、定义列表

1、定义列表(使用其次)definition list

2、格式:

<dl>
	<dt></dt>
	<dd></dd>
</dl>

dt用来定义列表中的标题,dd用来定义标题对应的描述。

3、应用场景:做网站尾部的相关信息,做图文混排。

4、注意点
(1)一个dt可以没有对应的dd,也可有多个对应的dd,但一般推荐一个dt对应一个dd
(2)和li标签一样,当需要丰富界面时,可在dt和dd中添加其他标签。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值