列表分为有序列表(ol)和无序列表(ul),li代表列表项,li标签必须配合ul或者ol试用,反之亦然。
1.有序列表
属性:1、a、A、I (显示类型),start属性(从第几个开始)
<ol type="a" start="c">
<li>wangjinmei</li>
<li>liubingxiang</li>
<li>liulele</li>
</ol>
2.无序列表
属性:disc(默认属性,实体圆)<!--在不同浏览器的显示大小不一致-->、circle(空心圆)、square(实心方块).很多时候自带的标是很难看的,所以经常试用图片来定义。
<ul type="circle">
<li>wangjinmei</li>
<li>liubingxiang</li>
<li>liulele</li>
</ul>
3.嵌套使用,无序列表中嵌套着有序列表,或者相反。
<ol >
<li>手机品牌
<ul>
<li>华为</li>
<li>小米</li>
<li>OPPO</li>
</ul>
</li>
<li>电脑品牌
<ul>
<li>华硕</li>
<li>联想</li>
<li>戴尔</li>
</ul>
</li>
</ol>
4、自定义列表,
dl是自定义列表,dt是列表项,dd是对列表项的描述。
<dl>
<dt>hello world</dt>
<dd>emmm,可能是个咒语吧!</dd>
</dl>
<dl>
<dt>hello world</dt>
<dd>emmm,可能是个咒语吧!</dd>
</dl>