Web前端基础第四章

本章主要是关于列表的知识点总结。

列表有五种：有序列表<ol></ol>、无序列表<ul></ul>、定义列表<dl></dl>、菜单列表<menu></menu1>、目录列表<dir></dir>。

最为常用的就是有序列表和无序列表，这里重点介绍这两种。

除了这两个列表之外还有列表的运用——嵌套，以及列表的属性。

无论是有序列表还是无序列表都是由若干个列表项构成的。列表项可以由type属性值。

对于有序列表和无序列表，属性各不相同。

嵌套列表就是有序无序一起使用，但是 注意不能交叉：<ol><ul><li></li></ol></ul>这种是不行的

可以这样写：<ol><ul><li></li></ul></ol>

例子：

1.无序列表属性type：实心圆（disc属性值）、空心圆（circle）、实心方块（square）。

2.有序列表属性type：1（阿拉伯数字）/A（大写英文字母）/a（小写英文字母）/Ⅰ（大写罗马数字）/i（小写罗马数字）；
start：定义有序列表起始编号；
value：定义当前列表项的值，只会影响后面的次序，不影响后面的类型。

<h4>1数字编号:</h4>
	<ol>
		<li>计算机</li>
		<li>软件工程</li>
		<li>信息管理</li>
		<li>电子信息</li>
	</ol>
	<h4>A字母编号</h4>
	<ol>
		<li type="A">计算机</li>
		<li>软件工程</li>
		<li>信息管理</li>
		<li>电子信息</li>
	</ol>
	<h4>数字+字母混合编号</h4>
	<ol type="I">
		<li type="a">计算机</li>
		<li type="A" value="22">软件工程</li>
		<li type="a" value="1">信息管理</li>
		<li>电子信息</li>
		<li>物联网</li>
	</ol>
	<h4>测试Start</h4>
	<ol type="i" start="3">
		<li>计算机</li>
		<li>软件工程</li>
		<li>信息管理</li>
		<li>电子信息</li>
	</ol>

3.列表嵌套：