admin 管理员组文章数量: 887021
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.freenas.com.cn/jishu/1702830832h432490.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
网页右边没有滚动条，内容超出也看不到怎么办？
遇到的问题：博主正在进行vue组件开发，将主页面添加了组件之后，发现在浏览器中打开内容超出但没有滚动条 解决方法：我们可以找一下css中的设置&
【网页实战项目设计】基于SSM的医院预约挂号系统
一、系统截图（需要演示视频可以私聊） 摘 要 随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优
windows7升级为IE9后网页显示为空白或者网页显示不正常
刚刚一筒子问： windows7升级为ie9后出现了网页显示为空或者网页显示不正常的现象，我看了是这样子的，如下图（当然必须除掉中间的水印&#x
如何在windows电脑网页上创建苹果ID?
第一种：从登录页面注册id 打开官网:https:www.apple，在右侧找到一个手提包的图标，点击，选择“登录”。如下：
非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务，支持跨平台 ChatGPT 应用 (WebPWALinuxWinMacOS)
非常火爆的A well-designed cross-platform ChatGPT UI (WebPWALinuxWinMacOS). 一键拥有你自己的跨平台 ChatGPT 应用。 这个开源项目可以做到一键免费
探秘NextChat：打造你的专属ChatGPT网页应用
探秘NextChat：打造你的专属ChatGPT网页应用 ChatGPT-Next-Web项目地址:https:gitcodegh_mirrorschaChatGPT-Next-Web想要拥有一个私人定
【Docker】快速部署 ChatGPT Next Web，一键免费部署你的私人 ChatGPT 网页应用，支持 GPT3, GPT4 & Gemini Pro 模型。
引言 ChatGPT Next Web 可以一键免费部署你的私人 ChatGPT 网页应用，支持 GPT3, GPT4 & Gemini Pro 模型。你无需任何复杂的配置，只需几行命令
怎样编写一个chatgpt聊天网页
要编写一个基于 ChatGPT 的聊天网页，需要以下步骤： 获取 API 密钥：需要先在 OpenAI 申请 API 密钥，才能使用 ChatGPT 的
ChatGPT-Next-Web: 一键轻松拥有自己专属的 ChatGPT 网页服务
公众号关注 「奇妙的 Linux 世界」 设为「星标」，每天带你玩转 Linux ！ 今天给大家推荐一个非常好用的开源项目：ChatGPT-Next-Web。 这个开源项
一键免费部署你的私人 ChatGPT 网页应用
一键免费部署你的私人 ChatGPT 网页应用 容器部署 （推荐） Docker 版本需要在 20 及其以上，否则会提示找不到镜像。 ⚠️注意：doc
2023商业版ChatGPT网页版源码V4.4+有后台功能配置多
正文: 4.4版本来了 V4.4 新增注册用户赠送次数自定义 修复前端密钥明文 V4.3 优化首页加载CSS 之前加载的时候div块会往左边跑 代码安全性逻加强 优化首页输入框换行过高的问题 安装教程: 搭建宝塔 解析
对标ChatGPT3.5,支持手机电脑网页使用，无需魔法
说到 Claude 是什么，大家可能没听说过。 但是说到 OpenAI，说到 ChatGPT，相信大家一定听说过，玩过。 PS：
免费1年服务器，部署个ChatGPT专属网页版
国内我们知道有阿里云、腾讯云、华为云、百度云、京东云，而国外有亚马逊旗下的 AWS 云，并且重点来了，AWS 是有免费的云服务的，任何人都可以获得一台。
部署专属网页版ChatGPT-Next-Web
背景 工作学习中经常使用chat-gpt, 需求是多端使用gpt问答，因此搭建一个网页版本方便多个平台使用。最后选择了 ChatGPT-Next-Web 部署说明 一键部署自己的web页面，
使用Flask Web创建一个调用ChatGPT API的网页--简单示例（Windows环境下）
前提：你应该要有一个能正常使用chatGPT的openAI账号；即你已经成功注册了chatGPT，并能正常使用。 文章目录 一、主要组成部分二、示例代码2.1 工程结构：2.2 说明2.3 依赖环境2.4 app.py代码2.5 index
国内可直接使用的CHATGPT-4.0人工智能安意AI 中文网页版
在GPT-4.0引领的人工智能浪潮中，国内用户迎来了一个全新的选择——安意AI。作为一款基于GPT-4.0模型构建的网页版人工智能工具，安意AI不仅为用户提供了强大的智能支持，
chatgpt赋能python：Python操作SEO：从抓取网页到数据分析
Python操作SEO：从抓取网页到数据分析 在当今数字化时代，搜索引擎优化已经成为了每家企业的必修课。然而，SEO涉及到众多技术，其中爬虫抓取和数据处理是其中关键环节。而Python语言正是在这两个方面表现出了非常强大的优势。 1.
如何使用ChatGPT-Midjourney：一键搭建你的智能网页服务平台
如何使用ChatGPT-Midjourney：一键搭建你的智能网页服务平台 ChatGPT-Midjourney🍭 一键拥有你自己的 ChatGPTMidjourney 网页服务 | Own y
ChatGPT网页版新增聊天记录搜索功能，终于不再翻找！
ChatGPT网页版终于支持聊天记录搜索功能！ OpenAI在深夜时分正式宣布了一项重要的技术更新，ChatGPT网页版现在能够搜索聊天记录了！ 在这次更新中&#
局部页面切换url为什么不变_python爬虫 - 翻页url不变网页的爬虫探究！
python爬虫-翻页url不变网页的爬虫探究 url随着翻页改变的爬虫已经有非常多教程啦，这里主要记录一下我对翻页url不变网页的探究过程。学术菜鸡第一次写CSDN，请大家多多包容～ 如果对你有一点点帮助，请帮我点个赞吧！ 翻页url不变
发表评论