HTML的常用列表

一，无序列表:<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>都是双标签，都是独占一行。