1.1.1. 无序列表ul

ul是无序列表，以<ul>开始，以</ul>结束，每一个列表项都包含在<li>之中，每一组<li>

是一条列表项，每一条列表项前默认的样式是一个黑点，效果如图2-12所示。

<ul>

        <li>养狗比养猫对健康更有利</li>

        <li>夏季和宠物健康相处</li>

        <li>侯学峰、侯小洁：一对爱狗也爱笑的姐妹花</li>

</ul>

图2-12

通常列表里的内容以链接的形式出现，如下：

<ul>

    <li><a href="#">养狗比养猫对健康更有利</a></li>

    <li><a href="#">夏季和宠物健康相处</a></li>

    <li><a href="#">侯学峰、侯小洁：一对爱狗也爱笑的姐妹花</a></li>

</ul>

1.1.2. 有序列表ol

如果想让每条列表前面显示序号，只需将ul改成ol即可，ol即有序列表。

<ol>

  <li>养狗比养猫对健康更有利</li>

  <li>夏季和宠物健康相处</li>

  <li>侯学峰、侯小洁：一对爱狗也爱笑的姐妹花</li>

</ol>

如图2-13：

图2-13

1.1.3. 自定义列表dl

dl是自定义列表，通常用来标记一些列表项和描述。以dl开始，在dl中包含了dt标签和dd标签，一个dt标签对应一个或者多个dd标签。例如：

<dl>

  <dt>说话者</dt>

  <dd>所说内容</dd>

  <dt>图片</dt>

  <dd>图片标题</dd>

  <dd>图片描述</dd>

  <dt>物品名称</dt>

  <dd>说明图片</dd>

  <dd>描述</dd>

  <dt>网站（链接）</dt>

  <dd>描述</dd>

  <dt>日期</dt>

  <dd>事件</dd>

  <dt>事件</dt>

  <dd>时间</dd>

  <dd>描述</dd>

  <dd>地点</dd>

</dl>

dl标签是自定义列表集合，dt是自定义列表标题，dd是自定义列表内容，因此自定义标签dl一般是出现在名词性解释或者多项目介绍的情况下。

当我们要呈现姜文的几部经典的电影的话，我们可以这样：

<dl>

  <dt>《阳光灿烂的日子》</dt>

  <dd>影片描述了文革期间马小军、米兰等一群少年在迈向青春时的心理与胜利的躁动。本片获第51届威尼斯国际电影节沃尔皮杯最佳男演员奖（银狮奖），第33届台湾电影金马</dd>

  <dt>《太阳照常升起》</dt>

  <dd>本片改编自叶弥的短篇小说《天鹅绒》。描写了上世纪六七十年代的一个故事。一对华侨夫妇唐雨林及太太在文革中被下放到农村改造，妻子与村生产队里一个年仅20岁的</dd>

  <dt>《让子弹飞》</dt>

  <dd>该片自2010年12月上映后，刷新了国产电影的多项票房纪录，并引发了广泛的评论，评论主要焦点在于观者认为片中含有大量政治隐喻。CNN大赞这部影片"拥有能让观众牢牢钉在椅子上的魅力"。其剧本受到奥斯卡主办方青睐，获邀收录于美国电影艺术与科学学院的官方图书馆。</dd>

</dl>

效果如图2-14所示：

图2-14

想要了解更多资源可以扫码关注我们哦：

【上海校区】自编教材《web标准网页制作实例教程》1

宾哥6666

不错，很实用