HTML学习笔记(6)

HTML基础学习:

一、列表标签

什么是列表标签?
  • 作用:给一堆数据添加列表语义,也就是告诉浏览器这一堆数据是一个整体
HTML中列表标签的分类
  • 1.无序列表(Unordered list)
    作用:给一堆数据添加列表语义,并且这一堆数据中所有的数量都没有先后之分
    格式:
<ul>
	<li>需要显示的条目内容</li>
</ul>

注释:li即list item,列表条目的意思
注 意:(1)ul标签和li标签是一个组合,所以一般情况下不会单独使用
(2)ul标签中不推荐包含其他标签
(3)li标签中除了可以添加其他标签来丰富界面以外,还可以添加ul标签
应用场景:
1.新闻列表
2.商品列表
3.导航条

  • 2.有序列表(ordered list)
<ol>
	<li>xxx</li>
</ol>

注意点和无序列表相同

  • 3.定义列表(definition list)
  • 格式:
<dl>
	<dt>xxx</dt>
	<dd>xxx</dd>
</dl>

作用:1.给一堆数据添加列表语义
2.通过dt标签定义列表中的所有标题,然后再通过dd标签给每个标题添加描述信息

*应用场景:*1.做网站尾部的相关信息
2.做图文混排
3.
注意:一个dt标签可以没有对应的dd标签,也可以有多个对应的dd标签
推荐一个dt对应一个dd标签

猜你喜欢

转载自blog.csdn.net/qq_51368103/article/details/113446318