一,无序列表:<ul></ul>
1.无序列表就是表项目之间没有顺序规定的列表,一般用一些小图形放在表项目的最前端。
如图
整个无序列表用ul双标签开始,ul标签包裹li双标签,li标签表示列表的表项目,ul内部的子标签一般只允许是li标签,要想添加其他标签,那么只能添加到li标签中。
2.li标签作为表项目,有个type属性,代表每个表项目前端的小图形,常用的值有如下几个:
disc:实心圆点,circle:空心圆点,square:实心方块,type属性不太常用,项目中通常需要清除这些小图形,所以这些只要了解下就可以。
如果不给出type值,那么默认显示的是实心圆点。
3.ul标签可以嵌套,示例如下:
<ul>
<li>我是无序列表</li>
<li>
<span>下面是ul的嵌套</span>
</li>
<li>
<hr>
<ul>
<li>
<span>我是嵌套的ul标签</span>
</li>
<li type = "disc">
<span>嵌套成功</span>
</li>
<li>
<hr>
<span>再次嵌套</span>
<ul>
<li>
<span>再次嵌套成功<span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
二,有序列表:<ol></ol>
1.有序列表就是相对于无序列表而言的,具有一定顺序的列表,一般用数字或者字母放在表项目的最前端表示先后顺序。
可以与无序列表对比掌握,除了type的值不一样外,其他都跟ul类似,
type值不给出时默认是按数字排序,其他的有这些:"1":按数字排序,"A":按大写字母排序,"a":按小写字母排序,"I":按罗马数字排序。
示例:
<ol>
<li>我是有序列表</li>
<li type = "A">第二个表项目</li>
<li type = "I">第三个表项目</li>
<li type = "a">第四个表项目</li>
<li type = "1">嵌套</li>
<li>
<ol>
<li>子表项目1</li>
<li>子表项目2</li>
<li type = "I">子表项目3</li>
<li>子表项目4</li>
</ol>
</li>
</ol>
三,定义列表:是表项目及其注释的组合。
由<dl></dl>标签开始,内层有<dt></dt>标签,包裹着对象文本,<dd></dd>标签,包裹着解释文本。
dl标签内层只能是dt标签和dd标签,dt必须是在dd前面。
示例:
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器</dd>
<dt>显示器</dt>
<dd>用来显示图像文字等信息的屏幕</dd>
</dl>
最后,三个标签<ul></ul>,<ol></ol>,<dl></dl>都是双标签,都是独占一行。