【前端12】列表

【前端12】列表

Posted by LineXic on February 21, 2024

前言

本教程基于尚硅谷Web前端教程发布,你们也可以理解为这是一篇尚硅谷教程的笔记,当然这里也有我自己的一些经验总结

列表(list)

我们有时会遇到去超市买东西,由于要买的东西太多记不住的情况,这个时候就需要列表

列表有三种分别是

  • 有序列表
  • 无序列表
  • 定义列表

我们先来说一说无序列表

  • 无序列表,使用ul标签创建无序列表,li来创建列表项
1
2
3
4
5
6
7
<ul>

<li>有序列表</li>
<li>无序列表</li>
<li>定义列表</li>

</ul>

有序列表

  • 使用ol创建有序列表,li创建列表项
1
2
3
4
5
6
7
<ol>

<li>有序列表</li>
<li>无序列表</li>
<li>定义列表</li>

</ol>

定义列表

  • 定义标签,使用dl创建定义列表,dt表示定义内容,dd对文章内容表示说明
1
2
3
4
5
6
<dl>

<dt>列表</dt>
<dd>在html中有三种列表,分别是有序列表,无序列表和定义列表</dd>

</dl>

要用到的话也就有序列表用的最多了,像侧边栏之类的最多,值得注意的是这三种标签都是可以相互嵌套的 列表 刚才也有提到侧边栏,这个讲CSS的时候会提到


%