计算机二级考试WEB提分习题答案_第1页
计算机二级考试WEB提分习题答案_第2页
计算机二级考试WEB提分习题答案_第3页
计算机二级考试WEB提分习题答案_第4页
计算机二级考试WEB提分习题答案_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

计算机二级考试WEB提分习题答案选择题高频提分习题及答案解析1.下列关于HTML语言的描述中，正确的是（）A.HTML语言是一种面向对象的程序设计语言B.HTML文档的所有标签都必须成对出现C.HTML是超文本标记语言，通过标签来标识网页内容D.HTML文件必须包含<head>和<body>标签才是合法文档答案：C解析：HTML是标记语言而非程序设计语言，A错误；单标签如`

`、`<img>`不需要成对出现，B错误；HTML5规范允许省略`<html>`、`<head>`、`<body>`标签，文档仍然合法，D错误，仅C描述正确。2.以下哪个CSS选择器的优先级最高（）A.内联样式（style属性）B.ID选择器C.类选择器D.标签选择器答案：A解析：CSS优先级规则从高到低为：`!important`声明>内联样式>ID选择器>类选择器/伪类选择器/属性选择器>标签选择器>通配符选择器，因此内联样式优先级最高，本题选A。3.JavaScript中，以下哪个方法可以正确检测变量x是否为数组类型（）A.`typeofx==='array'`B.`x.instanceof(Array)`C.`Array.isArray(x)`D.`x.getType()==='Array'`答案：C解析：`typeof`检测数组会返回`object`，A错误；`instanceof`是运算符不是方法，正确写法为`xinstanceofArray`，B写法错误；JavaScript原生无`getType()`方法，D错误；`Array.isArray()`是专门用于检测数组类型的标准方法，结果不受运行环境影响，因此C正确。4.HTTP协议中，GET方法和POST方法的区别，下列描述错误的是（）A.GET请求参数会显示在URL中，POST不会B.GET对传输数据的大小有限制，POST没有绝对大小限制，仅受服务器配置限制C.GET和POST都是安全的请求方法，不会修改服务器资源D.GET请求会被浏览器主动缓存，POST默认不会缓存答案：C解析：HTTP规范定义GET为幂等的只读请求，用于获取资源，不会修改服务器端资源；而POST用于提交数据，可能会修改服务器资源，因此C描述错误，其余选项描述均正确。5.以下关于盒子模型的描述，正确的是（）A.W3C标准盒子模型中，元素的总宽度=content宽度+padding+border+marginB.IE怪异模式下的盒子模型总宽度=content宽度，content宽度已经包含了padding和borderC.通过`box-sizing:border-box`可以设置元素为标准盒子模型D.盒子模型的margin属性一定不会和相邻元素的margin合并答案：B解析：W3C标准盒子模型中，元素的`width`属性仅指content宽度，元素总占据宽度为`width+padding+border+margin`，选项混淆了内容宽度和总占据宽度，A错误；`box-sizing:content-box`对应标准盒子模型，`box-sizing:border-box`对应IE怪异盒子模型，C错误；标准流下块级元素的垂直相邻margin会发生合并，D错误；B描述正确，本题选B。6.JavaScript中，下列哪个变量名是合法的（）A.123varB.varC._userNameD.user-name答案：C解析：JavaScript变量命名规则：变量名只能由字母、数字、下划线、`$`符号组成，不能以数字开头，不能是关键字和保留字。A以数字开头，不合法；B是关键字`var`，不合法；D包含非法字符短横线，只有C符合命名规则，正确。7.以下HTML标签中，哪个属于块级元素（）A.`<span>`B.`<a>`C.`<div>`D.`<img>`答案：C解析：块级元素默认独占一行，可以设置宽高，常见块级元素包括div、p、h1-h6、ul、li等；行内元素默认不独占一行，不能设置宽高，常见行内元素包括span、a、img、strong等，因此本题选C。8.CSS中，要使元素脱离标准文档流，下列属性无法实现的是（）A.`position:absolute`B.`position:fixed`C.`float:left`D.`position:static`答案：D解析：`static`是position的默认值，元素默认处于标准文档流中，不会脱离；绝对定位、固定定位都会让元素脱离文档流，浮动元素也会脱离标准文档流，因此本题选D。9.写出以下JavaScript代码的输出结果：```javascriptfor(vari=0;i<3;i++){setTimeout(function(){console.log(i);},1000)}```A.012B.三个3C.0123D.报错答案：B解析：var声明的i没有块级作用域，i挂载在全局作用域下，循环结束后i已经自增到3；setTimeout是异步任务，需要等同步循环执行完成后才会执行回调，三个回调函数访问的是同一个全局i，因此一秒后连续输出三个3。如果将var改为let，输出结果为0、1、2，因为let存在块级作用域，每次循环会绑定独立的i值。10.为什么需要清除CSS浮动？下列描述正确的是（）A.浮动元素会导致父元素高度塌陷，影响后续布局B.浮动元素会导致浏览器报错，必须清除C.所有浮动都需要清除，没有例外D.清除浮动只能让元素更快加载答案：A解析：浮动元素脱离标准文档流后，父元素无法被子元素撑开高度，会出现高度塌陷，导致后续页面布局错位，因此需要清除浮动，A描述正确；浮动本身不会导致浏览器报错，B错误；如果父元素本身设置了固定高度，不需要清除浮动，C错误；清除浮动和加载速度无关，D错误。操作题高频提分习题及答案解析基础操作题1题目要求：打开考生文件夹下的`index.html`文件，完成以下操作：1.在网页标题栏设置标题为“个人主页”；2.在网页body中添加一张图片，图片路径为考生文件夹下的`photo.jpg`，替代文本为“个人照片”，图片宽度设置为300px，高度自适应；3.为图片添加超链接，点击图片跳转到考生文件夹下的`info.html`，打开方式为新窗口。完成后保存文件。操作答案：步骤1：打开`index.html`，找到`<head>`标签内的`<title>`标签，修改为：```html<title>个人主页</title>```步骤2：在需要插入图片的位置添加代码，并将图片包裹在超链接标签中，最终完整代码为：```html<ahref="info.html"target="_blank"><imgsrc="photo.jpg"alt="个人照片"style="width:300px;height:auto;"></a>```其中`target="_blank"`实现新窗口打开要求，`height:auto`实现高度自适应，完全符合题目要求，保存文件即可完成操作。基础操作题2题目要求：考生文件夹下存在`style.css`文件，完成以下修改：1.设置所有页面元素的内外边距都清零；2.设置body背景颜色为`#f5f5f5`，正文字体大小14px，行高1.5倍，字体为微软雅黑；3.为所有类名为`container`的div设置宽度1200px，水平居中，背景颜色为白色。答案代码：```css*{margin:0;padding:0;box-sizing:border-box;}body{background-color:#f5f5f5;font-size:14px;line-height:1.5;font-family:"微软雅黑",sans-serif;}.container{width:1200px;margin:0auto;background-color:#ffffff;}```解析：`margin:0auto`是块级元素水平居中的标准写法，符合计算机二级WEB考试评分标准，所有要求都覆盖。简单应用题1题目要求：打开考生文件夹下的`login.html`，完成JavaScript功能：点击登录按钮时，获取用户名和密码输入框的值，判断如果用户名或密码为空，弹出提示“用户名或密码不能为空”；如果用户名非空但密码长度小于6位，弹出提示“密码长度不能少于6位”；验证通过弹出“登录成功”。用户名输入框id为`username`，密码输入框id为`password`，登录按钮id为`loginBtn`。答案代码：```javascript//获取DOM元素constusernameInput=document.getElementById('username');constpwdInput=document.getElementById('password');constloginBtn=document.getElementById('loginBtn');//绑定点击事件loginBtn.onclick=function(){//去除输入内容首尾空格，避免全空格通过验证constusername=usernameInput.value.trim();constpassword=pwdInput.value.trim();//非空判断return;}//密码长度判断if(password.length<6){alert('密码长度不能少于6位');return;}//验证通过alert('登录成功');}```解析：本题考核DOM操作、表单值获取、逻辑判断，代码覆盖所有判断分支，符合功能要求，完全满足评分标准。简单应用题2题目要求：实现三栏自适应布局，左栏宽度200px，右栏宽度300px，中间栏宽度自适应，三个栏高度均为500px，左栏背景`#eee`、中栏`#ccc`、右栏`#eee`，要求中间栏放在HTML结构的最后，写出对应HTML和CSS代码。答案代码：HTML结构：```html<divclass="container"><divclass="left">左栏</div><divclass="right">右栏</div><divclass="center">中间栏</div></div>```CSS代码：```css*{margin:0;padding:0;}.container{height:500px;}.left{width:200px;height:500px;background-color:#eee;float:left;}.right{width:300px;height:500px;background-color:#eee;float:right;}.center{height:500px;background-color:#ccc;margin-left:200px;margin-right:300px;}```解析：本题为常考浮动布局考点，符合题目要求中间栏放最后的结构要求，通过左右浮动+中间margin留出空间实现自适应，代码正确，是考试标准得分写法。综合应用题答案题目要求：制作商品展示网格布局，共4个商品，一行显示4个，商品间距10px，页面整体宽度1260px，每个商品卡片宽度相同；卡片边框为`1pxsolid#e5e5e5`，商品图片宽度100%，高度200px；商品标题字号16px，价格颜色红色；鼠标悬浮卡片添加阴影效果`0010pxrgba(0,0,0,0.2)`，图片路径为`goods1.jpg`~`goods4.jpg`，写出完整HTML和CSS代码。完整答案代码：```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>商品展示</title><style>*{margin:0;padding:0;box-sizing:border-box;}.goods-container{width:1260px;margin:20pxauto;margin-left:10px;}.goods-container::after{content:'';display:block;clear:both;}.goods-item{width:calc((1260px-10px*4)/4);float:left;margin-left:10px;margin-bottom:10px;border:1pxsolid#e5e5e5;transition:all0.3s;}.goods-itemimg{width:100%;height:200px;display:block;object-fit:cover;}.goods-info{padding:10px;}.goods-title{font-size:16px;margin-bottom:8px;line-height:1.4;}.goods-price{color:red;font-size:14px;}.goods-item:hover{box-shadow:0010pxrgba(0,0,0,0.2);}</style></head><body><divclass="goods-container"><divclass="goods-item"><imgsrc="goods1.jpg"alt="商品1"><divclass="goods-info"><h3class="goods-title">夏季休闲T恤</h3><pclass="goods-price">¥99.00</p></div></div><divclass="goods-item"><imgsrc="goods2.jpg"alt="商品2"><divclass="goods-info"><h3class="goods-title">纯棉运动短裤</h3><pclass="goods-price">¥59.00</p></div></div><divclass="go

人人文库> 全部分类> 行业资料 > 各类标准

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论