列表就是我们常常见到的一篇文章的目录,它一般以一种树型状存在着,它可以分为有序列表和无序列表。 1).有序列表以标签ol为主体,li为父目录,具体表现为: <ol> <li>任性</li> <li>90后</li> <li>boy</li> </ol> <ol start="45"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="a"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="A"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="I"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="i"> <li>90后</li> <li>boy</li> <li>任性</li> </ol>
可以看出有序列表支持多种排序前缀,它就好比Word中的项目符号一样。 2).无序列表与有序列表唯一不同的就是没有数字也没有字母,只有图形,也是犹如项目符号一样。 <ul> <li>任性</li> <li>90后</li> <li>boy</li> </ul> <ul type="disc"> <li>90后</li> <li>boy</li> <li>任性</li> </ul> <ul type="circle"> <li>90后</li> <li>boy</li> <li>任性</li> </ul> <ul type="square"> <li>90后</li> <li>boy</li> <li>任性</li> </ul>
可以看出无序列表的默认项目符号就是类型就是黑圆圈 3).自定义列表<dl> <dt>1</dt> <dd>计算机</dd> <dt>2</dt> <dd>电脑</dd> <dt>3</dt> <dd>PC</dd> </dl>
可以看到自定义列表由我们自己定义列表项目符号,项目的内容 |