admin 管理员组文章数量: 887021
2023年12月18日发(作者:transient插件使用教程)
博学谷——让IT教学更简单,让IT学习更有效
网页平面第五章列表与超链接 样题A卷
一、选择题。(每小题2分,共20分)
1、 下列选项中,定义无序列表的基本语法格式正确的是( )
A、
- 列表项1
- 列表项2
......
B、
- 列表项1
- 列表项2
......
C、
......
D、
- ……
- ……
- ……
2、 定义有序列表
- 的( )属性,可以决定有序列表项目符号的类型。
- 与 之间相当于一个容器,可以嵌套无序列表、有序列表等网页元素
- 设置背景图像的方式能够实现不同的列表项目符号。( )
7、 在实际网页制作过程中,通常将list-style的属性值定义为0。( )
8、 使用背景图像的方式来定义列表项目符号,需要先清除列表的默认显示样式。( )
9、 在HTML语言中,通过创建锚点链接,用户能够快速定位到目标内容。( )
10、 在实际运用中,锚点链接常应用于内容较多,页面过长的网页。( )
三、程序分析题。(每题5分,共15分)
1、 请阅读下面无序列表搭建的结构,根据注释中的要求填写代码。
- T恤
- 连衣裙
裤子 - 时下水果
_____________________
- 时下蔬菜
_____________________
A、value B、type C、rel D、href
3、 关于有序列表的描述,下列说法正确的是( )。
A、有序列表没有排列顺序
B、有序列表按顺序排列,并不带有序号
C、有序列表按顺序排列并通过type属性定义序号样式
D、有序列表不可以和无序列表嵌套使用
4、 关于列表的嵌套,下列说法正确的是( )。
A、无序列表中只能嵌套无序列表
B、有序列表中只能嵌套有序列表
C、无序列表和有序列表可以相互嵌套
D、
5、 关于使用list-style复合属性综合设置列表样式的语法格式,下列书写正确的是( )。
A、list-style:列表项目符号 列表项目符号的位置 列表项目图像
B、list-style:列表项目符号、列表项目符号的位置、列表项目图像
C、list-style:列表项目符号,列表项目符号的位置,列表项目图像
D、list-style:列表项目符号/列表项目符号的位置/列表项目图像
6、 CSS中,通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是( )。
1
博学谷——让IT教学更简单,让IT学习更有效
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、 设置超链接标记中的border样式为none,下列代码书写正确的是( )。
A、 a .img{ border:none; }
B、 a#img{ border:none;}
C、 a img{border:none; }
D、 {border:none;}
10、 若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是( )。
A、 B、# C、list#one D、#one
二、判断题。(每小题2分,共20分)
1、 在HTML语言中,常用的列表有三种,分别为无序列表、有序列表和定义列表。( )
2、 无序列表的各个列表项之间,虽然没有顺序级别之分,但是存在主从关系。( )
3、 在HTML中常用的列表有三种,其中有序列表是指有排列顺序的列表,其各个列表项按照一定的顺序排列。( )
4、 在HTML中,
5、 在有序列表中,当type属性取值为“I”时,项目符号显示数字为1、2、3……。( )
6、 在实际网页制作过程中,通过为
2、 请阅读下面的程序,根据注释中的要求填写代码。
"/TR/xhtml1/DTD/">
2
博学谷——让IT教学更简单,让IT学习更有效
3、 请阅读下面的代码,根据注释中的要求填写代码。
"/TR/xhtml1/DTD/">
四、简答题。(每题5分,共15分)
1、 请简要说明什么是无序列表?
2、 请简要描述定义列表的嵌套形式,并概括其中各个标记的含义。
3、 请按照要求写出代码:
1) 列表项目符号位于列表文本以外。
2) 为列表符号添加背景图像的代码,背景图像的路径为“images/”。
五、操作题。(每题10分,共30分)
1、 请使用定义列表搭建页面结构,实现下图所示的图文混排效果。
3
博学谷——让IT教学更简单,让IT学习更有效
2、 请使用合理的HTML标记搭建结构,制作如下图所示的页面。
3、 制作一个如下图所示的页面,要求:
1) 使用超链接标记搭建招聘信息列表结构;
2) 用锚链接制作招聘信息列表中每一项链接到页面相应的内容位置;
3) 在页面底部制作一个返回顶部的锚点链接;
4
版权声明:本文标题:网页平面第五章列表与超链接样题A卷 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1702908598h435547.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论