3、html列表

什么是列表

作用：给一些数据添加列表语义，告诉浏览器这些数据是一个整体【列表】

列表的分类

1.无序列表（用的最多的）

格式:<ul>

<li></li>

<li></li>

<li></li>

...

</ul>

属性：type

属性值：

dise 默认的为实心圆

square 实心方

circle 空心圆

注意点：

1对整个无序列表添加样式点 必须写在ul标签里面

2独占一行的

3列表标签是可以嵌套的

应用场景：

1.商品列表的展示。

2.新闻的列表

3.导航条

快捷键：

ul>li*n 一个ul下面有n个li

ctrl+d 复制当前行

2.有序列表（用的比较少）

格式：

<ol>

<li></li>

<li></li>

...

</ol>

属性：type

取值：

1 默认的以数字排序

a/A 以英文的大小写排序

i/I 以罗马文数字的大小写排序

应用场景：同上

3自定义列表

格式：<dl>

<dt>标题</dt>

<dd>内容</dd>

<dd>内容</dd>

...

<dt>标题</dt>

<dd>内容</dd>

<dd>内容</dd>

...

</dl>

应用场景：图文混排