HTML实例【四】

这篇是列表相关的内容，各种类型的有序列表、各种类型的无序列表

<h1>9、HTML列表</h1>
	<p>9.1各种符号开头的ul无序列表、各种序号开头的ol有序列表、嵌套是在ul/ol里面做的</p>
	<p>the unordered list:</p>
	<p>ul已经废除，用css</p>
	
	<p>
	li是list item （列表项目）
	<br />
	ul是unordered lists (无序列表)
	<br />
	ol是ordered lists（有序列表）
	<br /><br />
	tr是table row（表格中的一行）
	<br />
	th是table header cell（表格中的表头）
	<br />
	td是table data cell （表格中的一个单元格）
	<br /><br />
	dl是definition lists (自定义列表)
	<br />
	dt是definition term (自定义列表组)
	<br />
	dd是definition description（自定义列表描述）
	<br /><br />
	nl是navigation lists （导航列表）
	</p>
	<ul style="list-style-type: disc;">
		<li>lipstick
			<ul>
				<li>ysl</li>
					<ul>
						<li>圆管滋润系列</li>
						<li>小金条哑光系列</li>
					</ul>
				<li>tf</li>
			</ul>
		</li>
		<li>eyeshadow</li>
		<li>eyebrow pencil</li>
	</ul>
	<ul style="list-style-type: circle;">
		<li>lipstick</li>
		<li>eyeshadow</li>
		<li>eyebrow pencil</li>
	</ul>
	<ul style="list-style-type: square;">
		<li>lipstick</li>
		<li>eyeshadow</li>
		<li>eyebrow pencil</li>
	</ul>
	<p>the ordered list:</p>
	<p>不加start默认从1开始</p>
	<ol start="50">
		<li>lipstick</li>
		<li>eyebrow pencil</li>
		<li>eyeshadow</li>
	</ol>
	<ol type="A">
		<li>lipstick</li>
		<li>eyebrow pencil</li>
		<li>eyeshadow</li>
	</ol>
	<ol type="a">
		<li>lipstick</li>
		<li>eyebrow pencil</li>
		<li>eyeshadow</li>
	</ol>
	<ol type="I">
		<li>lipstick</li>
		<li>eyebrow pencil</li>
		<li>eyeshadow</li>
	</ol>
	<ol type="i">
		<li>lipstick</li>
		<li>eyebrow pencil</li>
		<li>eyeshadow</li>
	</ol>
	<p>自定义列表</p>
	<dl>
		<dt>Coffee</dt>
		<dd>-black hot drink</dd>
		<dt>Milk</dt>
		<dd>-white cold drink</dd>
	</dl>

全部代码会放在同名资源里，欢迎下载学习交流～
喜欢的请关注作者哟，丸子还会努力更新的，💪！