HTML3种列表

(一)、HTML3种列表

列表有3种：有序列表、无序列表和定义列表。

有序列表和无序列表都比较常用，而定义列表比较少用。在实际应用中，最常用的是无序列表，请大家重点掌握。

目录列表和菜单列表已经被废除，大家可以直接忽略这两种列表。

(1)、有序列表

<ol>

    <li>有序列表项</li>

    <li>有序列表项</li>

    <li>有序列表项</li>

</ol>

表1 有序列表type属性

type属性值 列表项的序号类型

1 数字1、2、3……

a 小写英文字母a、b、c……

A 大写英文字母A、B、C……

i 小写罗马数字i、ii、iii……

I 大写罗马数字I、II、III……

学习了CSS入门教程之后，有序列表列表项符号由list-style-type属性定义，到时候应该摒弃type属性。

(2)、无序列表

无序列表是三个列表中最为重要的列表。

语法：

<ul  type="列表项符号">

    <li>无序列表项</li>

    <li>无序列表项</li>

    <li>无序列表项</li>

</ul>

表1 无序列表type属性

type属性值    列表项的序号类型
disc    默认值，实心圆“●”
circle    空心圆“○”
square    实心正方形“■”

学习了CSS之后，无序列表列表项符号由list-style-type定义，到时候应该摒弃type属性。

(3)、定义列表

语法：

<dl>

    <dt>定义名词</dt>

    <dd>定义描述</dd>

    ……

</dl>

说明：

<dl>即“definition list（定义列表）”，<dt>即“definition term（定义名词）”，而<dd>即“definition description（定义描述）”。

在该语法中，<dl>标记和</dl>标记分别定义了定义列表的开始和结束，<dt>后面添加要解释的名词，而在<dd>后面则添加该名词的具体解释。

(二)、HTML学习中的误区

学习HTML的目的就是在你需要的地方用到符合语义的标签，把标签用“对”这才是HTML学习的目的。例如一段文字，应该使用p标签，而不是使用div标签或者其他标签。

网页语义结构良好，对于搜索引擎来说也是极为重要的一点。

(三)、练习题

1、问卷调查：下面是一个网页在浏览器上的效果，请制作一张一模一样的问卷调查网页。

要求：

（1）大标题使用<h3>标签；

（2）问卷调查题目使用<h4>标签

（3）前2个问题选项使用有序列表；

（4）最后一个问题选项使用无序列表