网页平面第五章列表与超链接样题A卷
一、选择题。（每小题2分，共20分）
1、下列选项中，定义无序列表的基本语法格式正确的是（）
A、
<ul>
<li>列表项1</li>
<li>列表项2</li>
......
</ul>
B、
<ul>
<ul>列表项1</ul>
<ul>列表项2</ul>
......
</ul>
C、
<ul>
......
</ul>
D、
<ul>……</ul>
<ul>……</ul>
<ul>……</ul>
2、定义有序列表<ol>的（）属性，可以决定有序列表项目符号的类型。
A、value
B、type
C、rel
D、href
3、关于有序列表的描述，下列说法正确的是（）。
A、有序列表没有排列顺序
B、有序列表按顺序排列，并不带有序号
C、有序列表按顺序排列并通过type属性定义序号样式学计算机组成原理前先学啥>修改video自带按钮样式
D、有序列表不可以和无序列表嵌套使用
4、关于列表的嵌套，下列说法正确的是（）。
A、无序列表中只能嵌套无序列表
B、有序列表中只能嵌套有序列表
C、无序列表和有序列表可以相互嵌套
D、<li>与</li>之间相当于一个容器，可以嵌套无序列表、有序列表等网页元素
5、关于使用list-style复合属性综合设置列表样式的语法格式，下列书写正确的是（）。
A、list-style：列表项目符号列表项目符号的位置列表项目图像软件项目管理师是干什么的
B、list-style：列表项目符号、列表项目符号的位置、列表项目图像
C、list-style：列表项目符号，列表项目符号的位置，列表项目图像
D、list-style：列表项目符号/列表项目符号的位置/列表项目图像
6、CSS中，通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是（）。
1
A、a:link
B、a:visited
C、a:hover
D、a:active
7、下列代码中，可以用于清除链接图像边框的是（）。
A、border:0;
B、margin:0;
C、padding:0;
D、list-style:none;
8、下列选项中，用于清除超链接默认的下划线的是（）。
A、text-decoration:none;
B、text-decoration:underline;
C、text-decoration:overline;
D、text-decoration:line-through;
9、设置超链接<a>标记中<img>的border样式为none，下列代码书写正确的是（）。
A、a .img{ border:none; }
B、a#img{ border:none;}
C、a img{border:none; }
D、a.img{border:none;}
10、若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（）。
A、list.html
B、#one.list
C、list#one
D、list.html#one
二、判断题。（每小题2分，共20分）
1、在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和定义列表。（）
2、无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（）
3、在HTML中常用的列表有三种，其中有序列表是指有排列顺序的列表，其各个列表项按照一定的
顺序排列。（）
4、在HTML中，<ul></ul>标记可以用于定义有序列表。（）
5、在有序列表中，当type属性取值为“I”时，项目符号显示数字为1、2、3……。（）
6、在实际网页制作过程中，通过为<li>设置背景图像的方式能够实现不同的列表项目符号。（）
7、在实际网页制作过程中，通常将list-style的属性值定义为0。（）
8、使用背景图像的方式来定义列表项目符号，需要先清除列表的默认显示样式。（）
9、在HTML语言中，通过创建锚点链接，用户能够快速定位到目标内容。（）
10、在实际运用中，锚点链接常应用于内容较多，页面过长的网页。（）
三、程序分析题。（每题5分，共15分）
1、请阅读下面无序列表搭建的结构，根据注释中的要求填写代码。
<ul>
<li __________________>T恤</li>        <!--指定列表项目符号是空心小圆圈样式-->
<li>连衣裙</li>
html轮播图代码生成器<li___________________>裤子</li>        <!--指定列表项目符号是小方块样式--> </ul>
2、请阅读下面的程序，根据注释中的要求填写代码。
python教程怎么入门<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
2
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表嵌套</title>
</head>
<body>
<ul>
<li>时下水果
_____________________    <!--嵌套一个包含两个列表项的无序列表-->
</li>
html个人网页完整代码顺序<li>时下蔬菜
_____________________      <!--嵌套一个包含两个列表项的无序列表-->        </li>
</ul>
</body>
</html>
3、请阅读下面的代码，根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清除超链接图像的边框</title>
<style type="text/css">
______________________________    /*清除超链接图像的边框样式*/
</style>
</head>
<body>
<a href="#"><img src="951.png" width="400" height="182" /></a>
</body>
</html>
四、简答题。（每题5分，共15分）
1、请简要说明什么是无序列表？
2、请简要描述定义列表的嵌套形式，并概括其中各个标记的含义。
3、请按照要求写出代码：
1)列表项目符号位于列表文本以外。
2)为列表符号添加背景图像的代码，背景图像的路径为“images/ie.gif”。
五、操作题。（每题10分，共30分）
1、请使用定义列表搭建页面结构，实现下图所示的图文混排效果。
3
2、请使用合理的HTML标记搭建结构，制作如下图所示的页面。
3、制作一个如下图所示的页面，要求：
1)使用超链接标记搭建招聘信息列表结构；
2)用锚链接制作招聘信息列表中每一项链接到页面相应的内容位置；
3)在页面底部制作一个返回顶部的锚点链接；
4

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。