HTML 列表

创建时间:2019.06.07 修改时间:2019.06.07

无序列表

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

不同类型的无序列表:

<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Milk</li>
</ul>

有序列表

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk

不同类型的有序列表:

<ol type="A">
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk
<ol type="a">
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk
<ol type="I">
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk
<ol type="i">
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk

带注释的列表

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Coffee
- black hot drink
Milk
- white cold drink

嵌套列表

<ul>
  <li>Coffee</li>
  <li>Tea
	<ul>
	  <li>Black tea</li>
	  <li>Green tea
		<ul>
		  <li>China</li>
		  <li>Africa</li>
		</ul>
	  </li>
	</ul>
  </li>
  <li>Milk</li>
</ul>