表

• 使用过word的同学应该都知道，列表基本分两种，一种带数字的有序列表，或者是圆点或方点等符号的无序列表
• 在HTML中，我们使用<ol></ol>标签去创建有序列表，然后使用<li></li>去代表列表项，列表元素就放置其中。如下方所示

<ol>
      <li>开始标记</li>
      <li>结束标记</li>
      <li>实际元素</li>
    </ol>

• HTML中使用<ul></ul>标签去代表无序列表，如下方所示：

<p>学习网页的基本语言有无数的理由。以下是其中的 5 个：</p>
    <ul>
      <li>能够使用基本的 Web 开发语言</li>
      <li>手工制作漂亮的网站，而不是依赖像 Wordpress 或 Wix 这样的工具</li>
      <li>构建 Web 应用程序</li>
      <li>给朋友留下深刻印象</li>
      <li>玩得开心</li>
    </ul>

结合上一章，本次我们需要实现这样的一个页面：

立和使用列表

定义列表

<dl></dl>列表标签定义列表;
<dt>定义列表标题;
<dd>定义列表内容;

说明:

1. dt和dd对应着的, 一个dt可以对应着多个dd;

2. dd完全是为了dt服务的, 对标题进行描述;

实例:

<dl>
<dt>标题1</dt><dd>内容11</dd><dd>内容12</dd>
<dt>标题2</dt><dd>内容21</dd><dd>内容22</dd>
</dl>

有序列表(unordered list)

<ol></ol> 列表标签定义一个标有数字的列表;

<ol type="value"></ol>

1 默认值。数字有序列表。(1、2、3、4)

a 按字母顺序排列的有序列表，小写。(a、b、c、d)

A 按字母顺序排列的有序列表，大写。(A、B、C、D)

i 罗马字母，小写。(i, ii, iii, iv)

I 罗马字母，大写。(I, II, III, IV)

<ol>
<li>联系人:</li>xxx
<li>联系地址:</li>北京市丰台区
<li>邮政编码:</li>100036
</ol>

无序列表(ordered list)

<ul></ul> 列表标签定义一个标有圆点的列表;

<ul type="value"></ul>

disc 默认值,实心圆。

circle 空心圆。

square 实心方块。

<ul>
<li></li>
<li></li>
<li></li>
</ul>

目录列表 所有主流浏览器都支持 <dir> 标签。。

<dir></dir>标签定义目录列表。

<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>

菜单列表 目前所有主流浏览器都不支持 <menu> 标签。

<menu></menu>标签可定义一个菜单列表。

<menu>
<li>html</li>
<li>xhtml</li>
</menu>

在实际工作中, 它的用途较少, 大部分我们还是用ul;

另外还可以使用:

<div align=""></div>分区标签,用来排版大块HTML段落,也用于格式化表

<ul>
 <li>111</li>
 <li>222</li>
 <li>333</li>
</ul>

<ol>
<li>111</li>
<li>222</li>
<li>333</li>
</ol>