Web前端开发技术课后习题答案
HTML5及CSS3web前端开发技术习题答案解析
![HTML5及CSS3web前端开发技术习题答案解析](https://img.taocdn.com/s3/m/8261c4d4770bf78a65295471.png)
第一章1.简答题(1)在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题?HTML5的核心在于解决当前Web开发中存在的各种问题。
一是解决Web浏览器之间的兼容性问题。
在一个浏览器上正常显示的网页(或运行的Web 应用程序),很可能在另一个浏览器上不能显示或显示效果不一致;二是文档结构描述的问题。
HTML4之前的各版本中,HTML文档的结构一般用div元素描述,文档元素的结构含义不够清晰;三是使用HTML+CSS+JavaScript开发Web应用程序时,开发功能受到很大的限制,比如本地数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验。
(2)HTML5新增的全局属性有哪几个?描述其主要功能。
HTML5新增的全局属性,是指可以对任何元素都使用的属性。
功能如下所示。
(3)HTML5是下一代Web语言的开发框架,典型特性有哪些?HTML5从标记语言的功能提升到下一代Web语言的开发框架,他集成了HTML+CSS3+JavaScript的Web应用框架。
良好的语义特性。
HTML5支持微数据与微格式,增加的各种元素赋予网页更好的意义和结构,适于构建对程序、对用户都更有价值的数据驱动的Web应用。
HTML5增加了section元素、article 元素、nav元素以及aside元素等结构元素。
强大的绘图功能。
通过使用Canvas API动态地绘制各种效果精美的图形,也可以通过SVG 绘制可伸缩矢量图形。
增强的音视频播放和控制功能。
新增了audio和video 元素,可以不依赖任何插件而播放音频和视频。
HTML5的数据存储和数据处理的功能。
包括离线应用、Web通信、本地存储等功能,HTML5还支持WebSQL和IndexedDB等轻量级数据库,增强了数据存储和数据检索能力。
获取地理位置信息。
HTML5新增了Geolocation API规范,应用于移动设备中的地理定位。
Web前端开发案例教程习题和答案
![Web前端开发案例教程习题和答案](https://img.taocdn.com/s3/m/40cc7e9e64ce0508763231126edb6f1aff00718f.png)
Web前端开发案例教程习题和答案注:选择题标记红色者为答案,判断题红色者为错误。
第1章习题1.下列选项中,对HTML5新功能和新特性支持最好的浏览器是?A)IE浏览器B)火狐浏览器C)Google浏览器D)Opera浏览器2.下面的应用软件,不可以用于网页制作开发的是?A)Editplus B)HbilderC)Dreamweaver D)3Dmax3.HTML5增加了很多新功能和新特性,下列不属于HTML5优势的是?A)解决了跨浏览器问题B)新增了多个新特性C)用户优先的原则D)可以创建动态网站4.HTML的中文含义是?A)文件传输协议B)超文本传输协议C)超文本标记语言D)统一资源定位符5. HTTP的中文含义是?A)文件传输协议B)超文本传输协议C)超文本标记语言D)统一资源定位符第2章习题一、选择题1.网页的主体内容写在()标记内部。
A)〈body〉 B)〈head〉 C)〈p〉D)〈html〉2.以下标记符中,用于设置页面标题的是()。
A)<title> B)<caption> C)<head> D)<html>3.HTML 指的是?( )A)超文本标记语言(Hyper Text Markup Language)B)家庭工具标记语言(Home Tool Markup Language)C)超链接和文本标记语言(Hyperlinks and Text Markup Language)D)样式表(CSS)和JavaScript语言4.用HTML标记语言编写一个简单的网页,网页最基本的结构是()。
A)<html><head>…</head><frame>…</frame></html>B)<html><title>…</title><body>…</body></html>C)<html><title>…</title><frame>…</frame></html>D)<html><head>…</head><body>…</body></html>5.可以不用发布就能在本地计算机上浏览的页面编写语言是()。
交互式web前端开发课后答案
![交互式web前端开发课后答案](https://img.taocdn.com/s3/m/270a3c0a3069a45177232f60ddccda38376be127.png)
交互式web前端开发课后答案前端开发面试题及答案1、对Web标准以及W3C的认知与重新认识?答:标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链CSS和JS 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便,不需要变动页面内容、提供打印版本而水需要复制内容、提高网站易用性。
2、XHTML和HTML存有什么区别?答:HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML元素必须被正确地嵌套;XHTML元素必须被关闭;标签名必须用小写字母;XHTML文档必须拥有根元素。
3、Doctype?严苛模式与夹杂模式-如何引爆这两种模式,区分它们有何意义? 请问:Doctype用作声明文档采用哪种规范(HTML/XHTML)该标签可声明三种DTD类型,分别为严格版本、过度版本以及基于框架的HTML文档。
重新加入XML声明可以引爆,解析方式更改成IE5.5具有IE5.5的bug。
4、行内元素有哪些?块级元素有哪些?CSS的盒模型?请问:行内元素:a b br i span input select块级元素:div p h1 h2 h3 h4 form ulCSS盒模型:内容,border margin padding5、CSS引入的方式有哪些?link和@import的区别是?请问:方式:内联嵌入外链引入区别:同时加载前者并无兼容性,后者CSS2.1以下浏览器不积极支持Link支持使用javascript 改变样式,后者不可。
6.CSS选择符存有哪些?哪些属性可以承继?优先级算法如何排序?内联和important哪个优先级低?答:标签选择符、类选择符、id选择符承继不如选定 id>class>标签挑选后者优先级高7、前端页面存有哪三层形成,分别就是什么?促进作用就是什么?答:结构层HTML 表示层CSS 行为层JS8、你搞的页面在哪些浏览器测试过?这些浏览器的内核分别就是什么? 请问:Ie(Ie 内核)火狐(Gecko)谷歌(webkit)opear(Presto)9、img标签上title与 alt属性的区别就是什么?答:Alt当图片不显示时,用文字代表Title为该属性提供更多信息。
Web前端开发——HTML5 + CSS3 +JavaScript智慧树知到课后章节答案2023年
![Web前端开发——HTML5 + CSS3 +JavaScript智慧树知到课后章节答案2023年](https://img.taocdn.com/s3/m/9eb9da1c492fb4daa58da0116c175f0e7dd11973.png)
Web前端开发——HTML5 + CSS3 +JavaScript智慧树知到课后章节答案2023年下潍坊学院潍坊学院第一章测试1.WWW 是()的意思。
()答案:万维网2.统一资源定位符是指:()答案:因特网上标准的资源的地址。
3.以下属于浏览器的是:()答案:Google Chrome;IE;Mozilla Firefox4.Web前端开发主要任务是信息内容的呈现和用户界面设计。
()答案:对5.CSS(也称为层叠样式表)是用来呈现网页外观样式的一组规范,它可以定义网页的样式表现。
()答案:对6.JavaScript是一种运行在的服务器端的脚本语言,使用Javascript可以开发交互式的Web页面。
()答案:错7.Document Object Model文档对象模型,DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。
()答案:对8.BOM主要处理浏览器窗口和框架,常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。
()答案:对9.AJAX即异步JavaScript和XML,是一种支持异步请求的技术。
()答案:对10.同一个HTML页面,在不同浏览器上的显示效果是一样的。
()答案:错11.Web前端开发常用的技术有:()答案:HTML;JavaScript;CSS12.浏览器对HTML文档解析显示的结果就是我们平时看到的网页。
()答案:对13.下面哪一个工具用于Web前端开发?()答案:Hbuilder14.在URL地址中多个参数之间使用()进行分割。
()答案:&15.Web是一种分布式应用结构。
()答案:对第二章测试1.下列哪个是用于定义标题的标签()答案:h12.html中的注释标签是()答案:<!-- -->3.哪两个属性可用于表格的合并单元格()答案:colspan;rowspan4.下面的哪个标签定义了浏览器工具栏的标题()答案:title5.HTML 元素可以设置属性,属性总是以名称/值对的形式出现。
智慧树答案WEB前端工程师必备技术jQuery知到课后答案章节测试2022年
![智慧树答案WEB前端工程师必备技术jQuery知到课后答案章节测试2022年](https://img.taocdn.com/s3/m/297666578f9951e79b89680203d8ce2f00666577.png)
第一章1.Hbuilder是哪个国产出产的web前端开发工具()。
答案:中国2.以下哪些工作是由web前端工程师完成的。
()答案:网页设计;UI设计3.web前端开发基础语言包括下列哪几种语言答案:JavaScript;html;css4.HBuilder可以用来实现以下哪几种语言的设计功能()。
答案:html5;JavaScrip;css;html5.在HBuilder中,默认可以调用下列哪几种浏览器查看设计效果()。
答案:内置浏览器;谷歌浏览器;IE浏览器6.web前端开发职业技能等级分为初级、中级和高级。
()答案:对7.手机APP开发不需要web前端开发。
()答案:错8.掌握web前端开发初级职业技能,需要具有复杂网页设计开发能力。
()答案:错9.HBuilder目前有两个版本,一个是windows版,一个是mac版。
()答案:对10.HBuilder代码块是用来减少重复代码工作量的。
()答案:对第二章1.在下列的 HTML 中,哪个是最大的标题?()答案:<h1>2.下列哪个能够制作电子邮件链接?()答案:<a href="mailto:xxx@yyy">3.HTML代码<select name="NAME"></select>表示?()答案:创建一个下拉菜单4.HTML是什么意思?()答案:超文本标记语言5.我们想要为网页中的文字加上超链接,可以采用哪个标签?()答案:<a>6.有序列表的项目符号可以通过<ol>的type属性进行设置,下列正确的type属性值有哪些?()答案:I;1;A7.HTML中常用的特殊符号对应的字符实体正确是。
()答案:空格 ;版权符号 ©;大于号 >;引号 "8.按钮在表单中经常用到,下列哪个是HTML中按钮呢?()答案:reset;button;submit9.表单中多个复选框的命名一定要选用相同的名称。
Web前端开发基础智慧树知到课后章节答案2023年下兰州石化职业技术大学
![Web前端开发基础智慧树知到课后章节答案2023年下兰州石化职业技术大学](https://img.taocdn.com/s3/m/eb761963580102020740be1e650e52ea5518cea7.png)
Web前端开发基础智慧树知到课后章节答案2023年下兰州石化职业技术大学兰州石化职业技术大学第一章测试1.Dreamweaver中,使用浏览器预览网页的快捷键是()。
A:Ctrl+SB:Ctrl+F12C:F5D:F12答案:Ctrl+F122.外部事件<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束。
()A:对 B:错答案:对3.一个HTML5文档可以含有多对<head>标记。
()A:对 B:错答案:错4.浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内()A:错 B:对答案:对5.一个HTML5文档只能有一对<body>标记,切<body>标记必须在<html>标记内。
()。
A:错 B:对答案:对6.<!DOCTYPE>标记和浏览器的兼容性无关,为了代码简洁,可以删掉。
()。
A:对 B:错答案:错7.<title>标记用于定义HTML5文档的头部信息,也称为头部标记。
()A:对 B:错答案:错第二章测试1.HTML5中()元素可替代<div id=“footer”></div>标记来定义页面底部。
()。
A:navB:footerC:asideD:Header2答案:footer2.在定义列表中,用于对名词进行解释和描述的标记是()。
A:“<dl></dl>”B:“<dd></dd>”C:“<li></li>”D:“<dt></dt>”答案:“<dd></dd>”3.下列选项中,属于定义有序列表相关属性的是()A:backgroundB:valueC:typeD:start答案:value;type;start4.HTML5中,article元素代表文档、页面或者应用程序中与上下文不相关的独立部分。
()A:对 B:错答案:对5.在HTML5中,一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素。
()A:错 B:对答案:对第三章测试1.下列选项中,符合后代选择器书写要求的是()。
web前端开发课后习题汇总
![web前端开发课后习题汇总](https://img.taocdn.com/s3/m/e2db6ec150e2524de5187ee4.png)
B.20px
C.40px
D.30px
11.img标签中的alt属性的作用是c
A.表示图片的名称
B.无实际意义,可有可无
C.提供替代图片的信息,使屏幕阅读器能获取到关于图片的信息
D.等比缩放图片大小
12.列表分为两类,一是无序列表,一是有序列表,以下哪个是无序列表?(A)
A.<UL>
B.<OL>
11)function checkname(){
12)var div = document.getElementById("div1");
13)div.innerHTML = "";
14)var name1 = document.form1.text1.value;
15)if (name1 == "") {
2.在下列的HTML中,哪个可以产生复选框?(C)
A.<input type="check">
B.<checkbox>
C.<input type="checkbox">
D.<check>
窗体底端
3.在下列的HTML中,哪个可以产生下拉列表?(D)
A.<list>
B.<input type="list">
9.页面有一个按钮button id为button1,通过原生的js设置背景色为红色?
正确答案: B.
A. document.getElementById('button1').style.backgroundColor="red";
Web前端开发技术课后习题答案储久良第8章练习与实验答案
![Web前端开发技术课后习题答案储久良第8章练习与实验答案](https://img.taocdn.com/s3/m/22f86bf48762caaedd33d4e6.png)
margin:2px;
letter-spacing:0.5em;
line-height:1.5em;
text-align:center;
}
</style>
</head>
<body>
<div id="wrap">
<div id="pic"></div>
<div id="text">
<div id="title">
使用的标准的 Web
技术,如 HTML , CSS , javascript 等。这些经典的 Web 技术规范是由 W3C (万维网联
盟)的下属各个工作组制定并推进的。 作为开发 Widget 之前的知识准备, 在本章中我们将
逐一介绍这些技术。
</body>
</html>
red;
margin-top:5px;
}
div{
text-align:center;
}
#pic{
width:420px;
height:300px;
background-image:url(ex8.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
background-color:#77A;
}
#text{
background-image:url(ex8.jpg); width:420px; height:500px; float:right; background-color:#77A; padding:10px; font-weight:bold;
Web前端开发技术第7章练习与实验答案
![Web前端开发技术第7章练习与实验答案](https://img.taocdn.com/s3/m/724f81423c1ec5da50e2705f.png)
第7章练习与实验答案练习71.选择题(1) B (2) C (3) D (4) A (5) A2.填空题(1) div(2) z-index(3) .css(4) 选择器、声明3.问答题见教材。
实验71.代码<!-- exp_7_1.html --><html><head><title>古诗排版</title><style type="text/css">body{ text-align:center; }p{ font-family:"隶书"; }</style></head><body><h1>早发白帝城</h1><h6>李白</h6><p>朝辞白帝彩云间,<p style="font-size:150%;">千里江陵一日还。
<p style="font-size:200%;">两岸猿声啼不住,<p style="font-size:250%;">轻舟已过万重山。
</body></html>2.代码(1)exp_7_2.html<!-- exp_7_2.html --><html><head><title>新闻</title><link href="exp_7_2.css" rel="stylesheet" type="text/css"> </head><body><div id="d1"><img src="exp_7_2.jpg"><div id="d2"><ul><li>2013<span class="b">央视</span>综艺节目发力彰显公益大爱</li><li>继北京、上海后,2013年<span class="b">腾讯</span>视频推介会昨又在广州隆重举行</li><li>“<span class="b">跨界融合开放共赢</span>”移动互联网营销峰会</li><li>首届“联建杯”户外LED显示屏媒体大赛评审圆满落幕</li> </ul></div></div></body></html>(2)exp_7_2.css/* exp_7_2.css */#d1{width:600px;height:360px;background-color:Lime;}#d2{font-family:"幼圆";font-size:20px;}.b{font-weight:bold;text-decoration:underline;}。
智慧树答案WEB前端技术(山东联盟)知到课后答案章节测试2022年
![智慧树答案WEB前端技术(山东联盟)知到课后答案章节测试2022年](https://img.taocdn.com/s3/m/0fa5f84749d7c1c708a1284ac850ad02de8007b3.png)
第一章1.前端的门槛很低,是个轻松拿高薪的职业。
()答案:错2.前端流行框架有很多,比如VUE,react,angular等。
()答案:对3.vscode、chrome的开发者工具均属于代码编辑器。
()答案:错4.早期的前端开发,仅限于静态页面,我们称其为web1.0时代。
答案:对5.config文件夹中一般用来保存环境变量。
()答案:对第二章1.HTML中字母H的含义是()。
答案:Hyper2.web标准的制定者是()。
答案:万维网联盟(W3C)3.以下()项目是用来访问web页的软件。
答案:Internet Explorer4.以下()不是WEB前端开发工具。
答案:DEV C++5.用HTML标记语言编写一个简单的网页,网页最基本的结构是()。
答案:<html><head>…</head><body>…</body></html>6.DNS的中文含义是()。
答案:域名服务系统7.()是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。
答案:URL8.HTML语言中,为了标识一个HTML文件,应该使用的HTML标签是()。
答案:<html></html>9.下列标记不能放在头部标记<head>中的是()?答案:<img>10.请你在下列浏览器中,选出常用的浏览器()。
答案:chrome;IE;猎豹;firefox第三章1.下列的HTML中哪个可以插入一条水平线()?答案:<hr>2.块级元素:下列的HTML中哪个是最大的标题()?答案:<h1>3.默认情况下,使用<p>标记会形成什么效果()?答案:开始新的一行4.下面是换行符表级的是()。
答案:<br>5.内联元素:请选择产生斜体字的HTML标签()。
web开发技术课后答案
![web开发技术课后答案](https://img.taocdn.com/s3/m/e9a9daa0bceb19e8b8f6baa3.png)
web开发技术课后答案【篇一:《javaweb编程技术》课后习题答案】a web编程习题解析第1章习题解析1. 略。
什么是url,什么是uri,它们都由哪几个部分组成,url和uri之间有什么关系 ?2. 答:url称为统一资源定位符,url通常由4部分组成:协议名称、页面所在主机的dns名、可选的端口号和资源的名称。
uri称为统一资源标识符,是以特定语法标识一个资源的字符串。
uri由模式和模式特有的部分组成,它们之间用冒号隔开,一般格式如下:schema:schema-specific-parturi是url和urn的超集。
3. 答:①是url,①和②都是uri,③是urn动态web文档技术有哪些?服务器端动态文档技术的客户端动态文档技术有何不同?4. 答:动态web文档技术包括服务器端动态文档技术和客户端动态文档技术,前者包括cgi技术、服务器扩展技术和html页面中嵌入脚本技术。
其中html页面中嵌入脚本技术包括asp、php和jsp技术。
最流行的客户端动态文档技术是在html页面中嵌入javascript脚本代码。
使用javascript可以设计交互式页面。
与服务器端动态文档不同,javascript脚本是在客户端执行的。
什么是servlet?什么是servlet容器?它的主要作用是什么?5. 答:servlet是用servlet api开发的java程序,它运行在servlet容器中。
servlet容器是运行servlet的软件,主要用来扩展web服务器的功能。
简述开发一个servlet的上体步骤6. 答:开发servlet的一般步骤包括:(1)编写servlet源程序;(2)编译;(3)将servlet部署到servlet容器中;(4)访问执行servlet。
要使一个servlet能够正确编译的运行,应该将什么文件加到classpath环境变量中?7. 答:tomcat-install\lib\servlet-api.jar文件。
Web前端开发技术与案例教程 习题及答案汇总 第1--9章
![Web前端开发技术与案例教程 习题及答案汇总 第1--9章](https://img.taocdn.com/s3/m/e0dd34d2aff8941ea76e58fafab069dc51224757.png)
Web 前端开发技术与案例教程习题及答案第一章习题答案I.什么是WWW?万维网(WorldWideWeb, WWW)并非某种特殊的计算机网络。
万维网是一个大 规模的、联机式的信息储藏所,是运行在因特网上的一个分布式应用,现在经常只 用一个英文字Web 来表示万维网2 .静态文档、动态文档和活动文档的区别?•静态文档是指该文档创作完毕后就存放在万维网服务器中,在被用户浏览的 过程中,内容不会改变。
• 动态文档(Dynamic Document),是指文档的内容是在浏览器访问万维网服 务器时才由应用程序动态创建的,其内容通常来源于数据库,并根据客户请 求报文中的数据动态生成的。
• 活动文档就是一段程序或嵌入了程序脚本的HTML 文档。
活动文档中的程序 可以在浏览器中运行,从而产生页面的变化。
第二章习题答案3 . 一个HTML 文档山标题、段落、文本、表格、列表等等各种元素组成,HTML 使 用标签来描述这些元素。
HTML 文档就是由标签和元素组成的文本文件。
一个 HTML 文档包括四个部分,如图1所示。
head 标签对 > html 标整对body 惊笠对 图I HTML i :档结构示例4 .标识HTML文档开始和结束的标签对是vhtml >和</html >,标识文档头部开始和 结束的标签对是<head >和</head >,标识文档主体开始和结束的标签对是<body > 和 </body >.5 .在head 元素内添加如下所示的一行代码: 我的网页 vAille >.无序列表用标签对实现,每个列表项用标签对来表示。
有序列表 用<ol>Vol >标签对实现,每个列表项用<li ></ii >标签对来表示。
自定义列表用 标签对实现,每个条目从<d[>标签开始。
条目的解稀说明以<dd >标签开始。
6 .表格以标签<table >开始,以</(able >结束。
HTML 用(r 元素定义表格中的一行, <1「><句>标签包含在<iable ></【able >标签内。
Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第14章 参考答案
![Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第14章 参考答案](https://img.taocdn.com/s3/m/378f129585868762caaedd3383c4bb4cf6ecb742.png)
第14章参考答案1. 在jQuery中被誉为工厂函数的是( C )A. ready()B. function()C. $()D. next()2. 假如需要选择页面中唯一一个DOM元素,则( C )是最快、最高效的选择器。
A. 后代选择器B. 类选择器C. id选择器D. 属性选择器3. 通过选择器方法,判断选择器名称( D )。
$("parent > child")$("ancestor descendant")A. 后代选择器、子代选择器B. 后代选择器、一般兄弟选择器C. 子代选择器、相邻兄弟选择器D. 子代选择器、后代选择器4. 在jQuery中,如果想要从DOM中删除所有匹配的元素,( C )是正确的。
A. delete()B. empty()C. remove()D. removeAll()5. 下列选项中,不属于键盘事件的是( D )。
A. keydown()B. keyup()C. keypress()D. ready()6. 在jQuery中,关于fadeIn()方法正确的是( B )。
A. 可以改变元素的高度B. 可以逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)C. 可以改变元素的宽度D. 与fadeIn( )相对的方法是fadeOn( )7. 下列选项中,失去焦点时触发的是( A )。
A. blur()B. select()C. focus()D. onfocus()8. 使用CDN 加载jQuery 库的主要优势是什么?参考答案:节省服务器带宽以及更快的下载速度;如果浏览器已经从同一个CDN下载缓存相同的jQuery 版本, 那么它就不会再去下载它一次. 因此,许多公共的网站都将jQuery用于用户交互和动画,如果浏览器已经有了下载好的jQuery库,网站就能有非常好的展示机会。
9. $(this) 和this 关键字在jQuery 中有何不同?参考答案:$(this) 返回一个jQuery对象,可以对它调用多个jQuery方法,比如用text() 获取文本,用val() 获取值等等。
Web前端开发与应用教程-第二版 第13章 参考答案 [3页]
![Web前端开发与应用教程-第二版 第13章 参考答案 [3页]](https://img.taocdn.com/s3/m/94df3e3da9114431b90d6c85ec3a87c240288aaa.png)
第13章参考答案1. 请根据11章中温度转换的习题,创建一个表单,并将其代码链接重新修改,从而使用户可以在表单中输入一个华氏温度值,并将其转换为摄氏温度。
(略)2. 在页面上创建一个表单用户界面,供用户挑选配置一台计算机。
例如:CPU、内存、硬盘、主板、显卡、机箱、光驱等。
不同型号的产品价格不同,当用户改变所选配件的同时,计价程序自动计算新的价格,并且通过警告对话框或文本框来通知用户目前所选择的计算机配件的总价。
参考代码:<!doctype html><html><head><meta charset="utf-8"><title>配置计算机</title><script type="text/javascript">function total(){var cpu = 0,ram = 0,total = 0;cpu = Number(document.getElementById("cpu").value);ram = Number(document.getElementById("ram").value);total = cpu + ram;alert("总价为:"+total);}</script></head><body><form action="post"><p>请选择零件:</p><select id="cpu" name="cpu"><option value="0" selected="selected">CPU</option><option value="500">i3单价500元</option><option value="1000">i5单价1000元</option><option value="3000">i7单价3000元</option></select><select id="ram" name="ram"><option value="0" selected="selected">内存</option><option value="200">4G单价200元</option><option value="400">8G单价400元</option><option value="1000">16G单价1000元</option></select><input type="button" value="计算总价" onclick="total();"></form></body></html>3. 设计一段JavaScript程序,要确保一个表单输入的内容只包含字符和空格。
H5 WEB前端开发技术智慧树知到课后章节答案2023年下黑龙江农业工程职业学院(松北校区)
![H5 WEB前端开发技术智慧树知到课后章节答案2023年下黑龙江农业工程职业学院(松北校区)](https://img.taocdn.com/s3/m/295c4e5ea200a6c30c22590102020740be1ecd27.png)
H5 WEB前端开发技术智慧树知到课后章节答案2023年下黑龙江农业工程职业学院(松北校区)黑龙江农业工程职业学院(松北校区)第一章测试1.<a>在html5中是超链接标记。
()A:对 B:错答案:对2.<meta/>标记用于定义页面的元信息,在html5中是双标记。
()A:对 B:错答案:错3.html5中通过vspace和hspace属性可以分别调整图像的水平边距和垂直边距。
()A:错 B:对答案:错4.以下不是meter元素的属性的是()A:name B:high C:low D:value答案:name5.mark元素的主要功能是在文本中高亮显示某些字符,以引起用户注意。
()A:错 B:对答案:对6.全局属性是指在任何元素中都可以使用的属性。
()A:错 B:对答案:对7.以下不是图像标记的属性()A:width B:alt C:name D:height答案:name8.引用外部标记<link>。
()A:对 B:错答案:对9.为了使网页更具有语义化,我们经常会在页面中用到标题标记,html提供了2个等级标题。
()A:错 B:对答案:错10.draggable属性用来定义元素是否可以拖动。
()A:对 B:错答案:对第二章测试1.标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的CSS样式。
()A:对 B:错答案:对2.以下不是font-size字号大小的单位()A:18世纪60年代到19世纪上半期 B:18世纪30年代到18世纪末 C:18世纪70年代到19世纪中期 D:18世纪60年代到18世纪末答案:18世纪60年代到18世纪末3.bold表示定义粗体字符。
()A:错 B:对答案:对4.italic浏览器会显示倾斜字体样式。
()A:错 B:对答案:错5.CSS3中的关系选择器包括子代选择器和兄弟选择器。
()A:对 B:错答案:对6.以下不是背景的显示区域的属性值()A:padding-box B:content-box C:margin-box D:border-box答案:margin-box7.渐变形状用来定义径向形变的形状,其取值可以是定义水平和垂直半径的像素值或百分比,也可以是相应的关键词。