常用的列表有三类型:无序列表 ul(unordered List) ,有序列表 ol(ordered list) 和定义列表 dl(definition list)3 种格式。
无序列表
无序列表是一个项目的序列。各项目前加有标记(通常是黑色的实心小圆圈,但是实现多个无序列表一起使用就会出现空心圆),无序列表中可以加入段落、换行、图像,链接,其他的列表等等。
无序列表以<ul>标签开始。每个列表项目以<li>开始。
<ul>
<li>小一</li>
<li>小二</li>
</ul>
在浏览器中显示如下:
小一
小二
有序列表
有序列表也是一个项目的序列。各项目前加有数字作标记。有序列表中可以加入段落、换行、图像,链接,其他的列表等等。
有序列表以<ol>标签开始。每个列表项目以<li>开始。
<ol>
<li>小一</li>
<li>小二</li>
</ol>
在浏览器中显示如下:
小一
小二
自定义列表
自定义列表不是一个项目的序列,它是一系列条目和它们的解释。自定义列表的定义(标签<dd>)中可以加入段落、换行、图像,链接,其他的列表等等。
有序列表以<dl>标签开始,自定义列表条目以<dt>开始,自定义列表的条目内容定义以<dd>开始。
<dl>
<dt>小一</dt>
<dd>吃饭了吗?</dd>
<dt>小二</dt>
<dd>还没吃饭呢!</dd>
</dl>
在浏览器中显示如下:
小一
吃饭了吗?
小二
还没吃饭呢!
无序列表
无序列表是一个项目的序列。各项目前加有标记(通常是黑色的实心小圆圈,但是实现多个无序列表一起使用就会出现空心圆),无序列表中可以加入段落、换行、图像,链接,其他的列表等等。
无序列表以<ul>标签开始。每个列表项目以<li>开始。
<ul>
<li>小一</li>
<li>小二</li>
</ul>
在浏览器中显示如下:
小一
小二
有序列表
有序列表也是一个项目的序列。各项目前加有数字作标记。有序列表中可以加入段落、换行、图像,链接,其他的列表等等。
有序列表以<ol>标签开始。每个列表项目以<li>开始。
<ol>
<li>小一</li>
<li>小二</li>
</ol>
在浏览器中显示如下:
小一
小二
自定义列表
自定义列表不是一个项目的序列,它是一系列条目和它们的解释。自定义列表的定义(标签<dd>)中可以加入段落、换行、图像,链接,其他的列表等等。
有序列表以<dl>标签开始,自定义列表条目以<dt>开始,自定义列表的条目内容定义以<dd>开始。
<dl>
<dt>小一</dt>
<dd>吃饭了吗?</dd>
<dt>小二</dt>
<dd>还没吃饭呢!</dd>
</dl>
在浏览器中显示如下:
小一
吃饭了吗?
小二
还没吃饭呢!