HTML5+CSS3王者归来
上QQ阅读APP看书,第一时间看更新

5-7 自定义清单

所谓的自定义清单是自行定义一个名词,然后对此名词做解释。在<dl>元素内,有一个名词用语(以<dt>定义),以及针对该名词用语的说明(以<dd>定义)。自定义清单的基本格式如下:

    <dl><dt> … </dt><dd> … </dd>
<dl>

由于自定义清单有许多条,通常又将上述格式以下列方式表达。

程序实例ch5_9.html:自定义清单的基本使用说明。

执行结果

此外,在自定义清单的名词说明中,<dd>元素内容也可以是一个段落文件、图片或超链接。

程序实例ch5_10.html:自定义清单中,以整个段落表达<dd>元素的内容。

执行结果

习题

1. 列出世界5个城市,以点符列表加超链接方式表达,单击后在网页适当位置介绍这个城市。请读者用一个HTML文件设计此网页,同时请自行美化网页。

2. 重新设计上述程序,每一个超链接皆使用新的HTML文件表达。

3. 以点符列表制作5种考试科目列表,当单击列表时,可以跳至显示各科考试分数,以座号排名。请使每一个超链接皆用新的HTML文件表达,同时请自行美化网页。