admin 管理员组文章数量: 1184232
2023年12月18日发(作者：处理及编译阴影)
[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案
一、单项选择:(每题1、5分,共69分)
1、html语言中,创建一个位于文档内部的锚点的语句就是:( )
A、
答案:C
2、html中的元素可分为块级(block)元素与行内(inline)元素,下列哪个元素就是块级元素:( )
A、
B、 C、 D、
答案:A
3、下列哪条html语句的写法符合XHTML规范:( )
A、
B、
C、
D、
答案:B
4、在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )
A、 B、 C、 &sbnp D、 &sbnp;
答案:B
5、
A、
B、 C、 D、答案:A
6、要在新窗口打开一个链接指向的网页需用到( )
A、 href＝“_blank”
B、 Name=“_blank”
C、 target＝“_blank”
D、 href＝“#blank”
答案:C
7、特殊符号©(版权符号)对应的源代码就是:( )
A、 Copy; B、 © C、 Copyright; D、答案:B
8、在网页中经常用的图像格式就是:( )
A、 gif, jpg与png
B、 gif, bmp与png
C、 bmp, jpg与png
D、 psd, gif与png
答案:A
9、关于JavaScript语言,下列说法中错误就是:( )
©right;
A、 JavaScript语言就是一种解释性语言
B、 JavaScript语言与操作环境无关
C、 JavaScript语言与客户端浏览器无关
D、 JavaScript就是动态的,它可以直接对用户输入做出响应
答案:C
10、如何能够定义列表的项目符号为实心矩形？( )
A、 list-type: square
B、 type: 2
C、 type: square
D、 list-style-type: square
答案:D
11、下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内) ( )
A、 #container { margin: 0 auto ; width:780px;}
B、 #container { position: relative; width:780px;
left:50%; margin-left: -390px; }
C、 #container { margin: 0 auto ; width:85%; }
D、 #container { position: relative; width:780px;
right:50%; margin-left: 390px; }
答案:D
12、下列哪条CSS样式规则就是不正确的:( )
A、 img { float: left; margin: 20px; }
B、 img { float: right; width: 120px;height: 80px; }
C、 img { float: right; right: 30; }
D、 img { float: left; margin-bottom: 2em; }
答案:C
13、CSS就是利用什么XHTML标记构建网页布局？( )
A、
B、
C、
D、
答案:B
14、在CSS语言中下列哪一项的适用对象就是"所有对象"？( )
A、 背景附件
B、 文本排列
C、 纵向排列
D、 文本缩进
答案:A
15、下列选项中不属于CSS 文本属性的就是( )
A、 font-size
B、 text-transform
C、 text-align
D、 line-height
答案:D
16、在CSS 中不属于添加在当前页面的形式就是( )
A、 内联式样式表
B、 嵌入式样式表
C、 层叠式样式表
D、 链接式样式表
答案:D
17、在CSS语言中下列哪一项就是"列表样式图象"的语法？(
A、 width: <值>
B、 height: <值>
C、 white-space: <值>
D、 list-style-image: <值>
答案:D
18、下列哪一项就是CSS正确的语法构成？( )
A、 body:color=black
B、 {body;color:black}
C、 body {color: black;}
D、 {body:color=black(body}
答案:C
19、下面哪个CSS属性就是用来更改背景颜色的？( )
A、 background-color:
B、 bgcolor:
C、 color:
)
D、 text:
答案:A
20、怎样给所有的
标签添加背景颜色? ( )
A、 、h1 {background-color:#FFFFFF}
B、 h1 {background-color:#FFFFFF;}
C、 h1、all {background-color:#FFFFFF}
D、 #h1 {background-color:#FFFFFF}
答案:B
21、下列哪个CSS属性可以更改样式表的字体颜色？( )
A、 text-color=
B、 fgcolor:
C、 text-color:
D、 color:
答案:D
22、下列哪个CSS属性可以更改字体大小？( )
A、 text-size
B、 font-size
C、 text-style
D、 font-style
答案:B
23、下列哪段代码能够定义所有P标签内文字加粗？( )
A、
B、
C、 p {text-size:bold}
D、 p {font-weight:bold}
答案:D
24、如何去掉文本超级链接的下划线？( )
A、 a {text-decoration:no underline}
B、 a {underline:none}
C、 a {decoration:no underline}
D、 a {text-decoration:none}
答案:D
25、如何设置英文首字母大写？( )
A、 text-transform:uppercase
B、 text-transform:capitalize
C、 样式表做不到
D、 text-decoration:none
答案:B
26、下列哪个CSS属性能够更改文本字体？(
A、 f:
B、 font=
C、 font-family:
D、 text-decoration:none
答案:C
)
27、下列哪个CSS属性能够设置文本加粗？( )
A、 font-weight:bold
B、 style:bold
C、 font:b
D、 font=
答案:A
28、 CSS中,padding:10px 20px 30px 40px代表的填充值顺序分别就是:
A、 上、右、下、左
B、 上、下、左、右
C、 上、左、下、右
D、 左、右、上、下
答案:A
29、下列哪个属性能够设置盒模型的左侧外补丁？( )
A、 margin:
B、 indent:
C、 margin-left:
D、 text-indent:
答案:C
30、定义盒模型外补丁的时候就是否可以使用负值? ( )
A、 就是
B、 否
答案:A
31、常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS与Spry等。目前jQuery最受开发者追捧,Spry框架就是DW CS3中新增的功能。
A、 正确 B、 错误
答案:A
32、网页的本质就是( )文件。
A、图像
B、纯文本
C、可执行文件
D、图像与文本的压缩
答案:B
33、不就是动态网页的特点的一项就是:
A、动态网页可每次显示不同的内容
B、动态网页中含动画
C、动态网页中含有服务端代码
D、动态网页一般需要数据库支持
答案: B
34、CSS长度单位有绝对单位、相对单位与百分比。下列说法正确的就是:
A、 px指屏幕的像素,它就是相对单位
B、 pt指屏幕的像素,它就是相对单位
C、 pt指屏幕的像素,它就是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变
D、 pt在印刷行业中常见,就是相对单位
答案: A
35、实现图文混排及首字下沉效果最好的技术方法就是:
A、浮动 B、相对定位 C、绝对定位 D、以上都对
答案: A
36、CSS长度单位有绝对单位、相对单位与百分比。下列说法正确的就是:
A、 px指屏幕的像素,它就是绝对单位、
B、 pt指屏幕的像素,它就是相对单位、
C、 pt指point,它就是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变、
D、 pt在印刷行业中常见,就是相对单位
答案: C
37、position默认值为static。表示:
A、 表示不使用定位属性定位
B、 表示以浏览器窗口为基准进行绝对定位
答案: A
38、关于CSS,正确的就是:
A、 边界margin值可为负,填充padding指不可为负
B、 对行内元素设置width或height值也就是起作用的
C、 使用CSS,只能使用
进行结构设计D、 margin可以单独设置背景颜色
答案: A
39、当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。
A、 正确 B、 错误
答案: A
40、JavaScript就是一种基于对象的语言,而不就是面向对象的语言。
A、 正确 B、 错误
答案: A
41、JavaScript就是事件驱动的语言。
A、 正确 B、 错误
答案: A
42、JavaScript变量名不能就是关键字或保留字,不区分大小写。
A、 正确 B、 错误
答案: B
43、document对象即属于BOM,又属于DOM。
A、 正确 B、 错误
答案: A
44、对DOM标准支持最好的浏览器就是IE。
A、 正确 B、 错误
答案: B
45、常用的HTML事件中,onBlur的描述就是:任何元素或窗口失去焦点时触发。
A、 正确 B、 错误
答案: A
46、可以使用DOM动态操作CSS属性。
A、 正确 B、 错误
答案:A
二、填空:(每空1分,共15分。)
1、 HTML代码中常见的单标记有( ) 与( )。
答案:
2、 ( )标记用来创建一个标有数字的列表; ( )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,( )标记用来创建一个列表项。
答案:
-
3、有一a元素结构为
a {
font-size:14px;
text-decoration:none; /* 1: */
background-image:url(xxwlzx/yuanjiao2、gif);
height:32px;
padding-left:24px;
display:block; /* 2: */
float:left; /*3: */
line-height:32px; /* 4: */
}
b {
background-image:url(xxwlzx/yuanjiao2、gif);
background-position:right top; /*5: */
display:block;
width:60px;
}
答案:
1:清除超链接的下划线
2:将a标记以块级元素显示
3:让a标记左浮动
4:将行高与高设为相同,实现盒子中的文字垂直居中
5:让背景图片从右下角开始显示
6、下列各项描述的定位方式就是什么?(填写static、relative、aboslute或fixed中的一项或多项)
1)元素在标准流中的位置会被保留。( )
2)能够通过z-index属性该表元素的层叠次序。( )
3)元素以它的包含框为定位基准。( )
4)元素相对于它原来的位置为定位基准。( )
5)元素在标准流中的位置会被其它元素占据。( )
答案:
1)元素在标准流中的位置会被保留。relative
2)能够通过z-index属性该表元素的层叠次序。aboslute relative fixed
3)元素以它的包含框为定位基准。aboslute
4)元素相对于它原来的位置为定位基准。relative
5)元素在标准流中的位置会被其它元素占据。aboslute fixed
三、问答题(共16分)
1、CSS中的选择器有很多种类型,写出下列选择器的类型与作用:(10分)
1)a:hover 2)a、hover 3)a:hover b 4)a、hover b
答:
1)a:hover就是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式;
2)a、hover就是交集选择器,应用了、hover类选择器的a标记应用该样式;
3)a:hover b就是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式;
4)a、hover b就是后代选择器,应用了、hover类选择器的a标记里的b标记将应用该样式。
2、有些网页里超链接的下划线就是虚线,您认为这就是怎么实现的？(6分)
答:将该元素的CSS属性里的text-decoration: none;再将其border-bottom设为1象素,虚线、(或者用一张下面有虚线的图片作为该元素的盒子背景),
版权声明：本文标题：Web前端技术试题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1702830832a432490.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
windows下浏览器网页视频下载方法
参考这个链接， 并进行了一些改进：https:blog.csdnlawyer110articledetails91047726 文中Video DownloadHelper Comp
电脑连上WIFI后，可以打开微信，但网页却打不开？
前言工作日时，连着公司WIFI想用DeepSeek但死活打不开网页，但微信却能正常发消息，后来发现是DNS的原因，如果您也遇到此问题ÿ
安卓内置浏览器不能在html5网页上下载APP软件
各位大侠，自己开发了一个安卓应用，使用了安卓内置浏览器，链接到一个提供下载APP软件的第三方html5网页，用手机操作却不能在该html5网页上下载任何
Selenium：网页自动化测试代码（Python版）
本篇文章要做的是关于一个自动化测试。 目录 一、准备工具 1、编程语言及编译器 2、需要的包 3、浏览器 4、你需要在你的Python提前安装库。 二、代码部分 1、登录页面 2、下一步是进入主页 3、选课页面 4、选课页面 5、
如何在网页开发中建立数字信任？
在网页开发中建立数字信任，核心是让用户相信其在网站上的操作（如浏览、注册、支付、数据提交）是安全、私密、可靠且透明的。这种信任直接影响用户留存、转化率及品牌口碑，需从技术安全、隐私保护、交互透明、内容可靠四大维度系统构建。以下是具体实施策略
探索网页游戏的无限可能：24个精选源代码等你来发掘
探索网页游戏的无限可能：24个精选源代码等你来发掘 【下载地址】分享24个网页游戏源代码总有一个是你想要的 分享24个网页游戏源代码，总有一个是你想要的本仓库提供了24个网页游戏的源代码&
用快马AI一键生成Q绑查询网页版，安全高效搞定QQ账号验证
快速体验 打开 InsCode(快马)平台 https:www.inscode输入框内输入如下内容： 创建一个Q绑查询网页版应用，用户输入QQ号后，系统自动查询并返回该
如何将h5网页改成微信网页
1、如何将h5网页改成微信网页1、设置安全域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注：登录后可在“开发者中心”查看对应的接口权限。
把DeepSeek生成的动效网页放进PPT，很多大佬都在使用不坑盒子来免费把网页插入到PPT中！
昨天，AI界自媒体和头部大佬数字生命卡兹克，在给大家分享“在PPT中插入AI生成的动态可视化效果”时，给大家推荐了不坑盒子。（其实这个我也发过视频&am
5种实用网页刷新方法详解与应用场景
本文还有配套的精品资源，点击获取简介：网页刷新是日常浏览中的常见操作，用于获取最新内容或解决加载问题。本文详细介绍了五种常用的网页刷新方式，包括
谷歌浏览器怎么设置网页自动刷新
我们在使用谷歌浏览器的时候可以设置网页自动刷新功能进行网页浏览，但很多用户都不知道怎么设置这个功能，下面就是一键开启谷歌浏览器自动刷新功能步骤1、下载相关插件2、添加至扩展程序࿰
如果iPhone被标记被盗或丢失 苹果将拒绝维修
NEW关注Tech逆向思维视频号最新视频→【世界各国加班程度到底怎么样？】3月30日消息，苹果公司内部备忘录显示，如果iPhone等苹果设备在GSMA设备注册数据库中被标记为
iphone如何手动验证校园网（针对认证网页无法认证的学校）
iphone如何手动验证校园网（针对认证网页无法认证的学校）首先在apple store下载NAC client然后打开输入上面的服务器地址（先连接校园网࿰
Google浏览器打开时自动弹出2345网页
解决方案：https:jingyan.baiduarticlec33e3f48eda61bea14cbb559.html#5827690-tsina-1-92464-fe183374908e783f9dbfe7
【偶遇小bug】浏览器无法翻译此网页解决
浏览器自带的翻译对我们来说用处还是很大的，但有的时候突然间就会变成‘无法翻译此网页’，下面针对此问题讲解一下解决方案。Google的chrome为例目前网上比较靠谱的解决方案是更改host文件
优化你的编程体验：Firenvim配置中globalSettings与localSettings的全方位指导
Firenvim配置对象深度解析：globalSettings和localSettings的完整用法 Firenvim是一个强大的浏览器插件，它允许你在浏览器中直接使用Neovim编辑器。通过精心配置globalSetting
互联网新玩法：利用闲置电脑打造专属无线网络覆盖范围！
开启windows 7的隐藏功能：虚拟WiFi和SoftAP（即虚拟无线AP），就可以让变成无线路由器，实现共享上网，节省网费和路由器购买费。 1、以管理员身份运行命令提示符： 快捷键win+R→输入cmd→回车。
鼠标中键失灵了？跟着指南立刻动手修复，提高工作效率。
最近的鼠标中键突然灵敏度大大降低, 需要重重的按下去才会有反应; 今天上午联系淘宝客服, 客服说可以以换代修, 不过要自己出运费, 一看到要钱, 立马就还是想着自己修一修算了. 之前的鼠标中键也很容易坏(不过都是9.9包邮级别的, 几
别害怕！只因这个不起眼的“小黑点”，让我们对QQ性能忧心忡忡
正序前一阵子QQ群里流行了一个东西，一段话加上一个黑点（表情），点击之后QQ就会卡死。当时只觉得很好玩，没多久就又见了一次。 既然又看到了就一定要好好看看了。 刚开始遇到这个时第一反应是曾经看过
【C++STL基础入门】list的增、删_c++ list删除指定元素
前言 在C++中，STL（Standard Template Library）是一个功能强大且常用的程序库，它为我们提供了许多容器和算法，使得编写高效且可维护的代码变得更加容易。其中，list是STL中的一个双向链表容器，它可
发表评论