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标签