html学习文档-10、HTML 表格

10.1  无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

10.2  不同类型的无序列表

Disc （小黑点）项目符号列表：<ul type="disc">

Circle （空心圆）项目符号列表：<ul type="circle">

Square （实心方块）项目符号列表： <ul type="square">

10.3  有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

10.4  不同类型的无序列表

数字列表：<ol>

字母列表： <ol type="A">

小写字母列表： <ol type="a">

罗马字母列表：<ol type="I">

小写罗马字母列表： <ol type="i">

10.5  定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

10.6  嵌套列表

一个嵌套列表：

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶</li>

    </ul>

  </li>

  <li>牛奶</li>

</ul>

10.7  更复杂的嵌套列表

一个嵌套列表：

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶

      <ul>

      <li>中国茶</li>

      <li>非洲茶</li>

      </ul>

    </li>

    </ul>

  </li>

  <li>牛奶</li>

</ul>