《Web前端开发技术与案例教程 习题及答案汇总 第1--9章.docx》由会员分享，可在线阅读，更多相关《Web前端开发技术与案例教程 习题及答案汇总 第1--9章.docx（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Web前端开发技术与案例教程习题及答案第一章习题答案I.什么是WWW?万维网(WorldWideWeb, WWW)并非某种特殊的计算机网络。万维网是一个大 规模的、联机式的信息储藏所，是运行在因特网上的一个分布式应用,现在经常只 用一个英文字Web来表示万维网2 .静态文档、动态文档和活动文档的区别？ 静态文档是指该文档创作完毕后就存放在万维网服务器中，在被用户浏览的 过程中，内容不会改变。 动态文档(Dynamic Document),是指文档的内容是在浏览器访问万维网服 务器时才由应用程序动态创建的，其内容通常来源于数据库，并根据客户请 求报文中的数据动态生成的。 活动文档就是一段程序或嵌
2、入了程序脚本的HTML文档。活动文档中的程序 可以在浏览器中运行，从而产生页面的变化。第二章习题答案Icharset=utf-8-测试IHlloWorld!L-IIcharset=utf-8-测试IHlloWorld!L-I文档类至声明3 . 一个HTML文档山标题、段落、文本、表格、列表等等各种元素组成，HTML使 用标签来描述这些元素。HTML文档就是由标签和元素组成的文本文件。一个 HTML文档包括四个部分，如图1所示。head标签对 html标整对body惊笠对图I HTML i：档结构示例4 .标识HTML文档开始和结束的标签对是vhtml和/html,标识文档头部开始和 结束的标签
3、对是head和/head,标识文档主体开始和结束的标签对是body 和 /body.5 .在head元素内添加如下所示的一行代码：我的网页 vAille.无序列表用标签对实现，每个列表项用标签对来表示。有序列表 用olVol标签对实现，每个列表项用li/ii标签对来表示。自定义列表用 标签对实现，每个条目从d标签开始。条目的解稀说明以dd标签开始。6 .表格以标签table开始，以/(able结束。HTML用(r元素定义表格中的一行， 1句标签包含在iable/【able标签内。标准单元格用id元素创建.(d/td 标签包含在tr/tr标签内。7 . B.在当前的HTML文档中创建指向该锚点的
4、链接，将a元素的href属性值设为 “样 Ch 1。8 .用元素定义要访问的网页，并且在元素内嵌入元素设置显示的图片， 如：img src=img/my_picture.jpg9 .在HTML中用于定义表单控件的元素： , , 第三章习题答案1. B2. C3. B第一步，添加canvas元素，需定义id属性以作为标识供JavaScript调用。第二步， 使用JavaScripl来绘制图形。使用canvas的getConiexl。方法获取画布的上下文， 创建coniexi对象，之后根据需要绘制的图形调用方法进行绘制。4. B在HTML5中定义网页导航栏的元素是,定义侧边栏的元素是,定义 内容块
5、的元素是。5. BWeb前端开发技术与案例教程习题及答案习题及答案第五章1 .CSS指的是（B）Computer Style SheetsA. Cascading Style SheetsCreative Style SheetsB. Colorful Style Sheets2 .正确引用外部样式表的方法是（D）A. inysiylc.cssB. 3 .在HTML文档中，引用外部样式表的正确位置是（D）A.文档的顶部B.文档的末尾 部分C. 部分4 .下列哪个选项的CSS语法是正确的？（C）body color=black）A. body:color=blackbody color: bla
6、ckB. （body;color:black5 .在下面的CSS定义中，逗号用法不正确的是(A)div (line-height:5px, font-size:!OptA. body. divcoloureddivmargin: 15pb lOpt, 20ptB. pfoni-family:楷体，Arial“，sans-seri6 .哪个属性可用于改变字体颜色？(C)text-colorA. fonl-coiorcolorB. font-style7 .为所有的元素添加背景颜色的样式声明是？(B)div.all background-color:#FFFFFFJA. divbackground
7、-color:#FFFFFF).div background-coior:#FFFFFF)B. #div background-color:#FFFFFF)8 .以下的CSS中，可使用所有元素变为粗体的正确语法是(C)A. p fon(-weighi:boldB. ptext-size:bold)9 .如何将列表项标志设置为实心圆？ (B)ul (list-style-typc : decimal )A. ul list-stylc-typc : disc ul (list-stylc-typc : circle B. ul list-stylc-lype : square!批注wtlj：这里
8、有错,应为“边框宽度”而不是“内 边距”10 .如何设置div的边框宽度为上10px、下15px、左20px、右5px?(D)divborder-width: 1 Opx 15px 20px 5px)A. div border-width:! Opx 20px 15px 5px)divborder-width:!Opx 20px 5px 15px)B. div border-width:! Opx 5px 15px 20px)第6章1 .如何设置div的内边距为上10px、下15px、左20px、右5px。(D)批注（wt2|：这里有错.应该为“padding”而不是*borscr-width
9、 *批注（wt2|：这里有错.应该为“padding”而不是*borscr-width *A. div padding: 1 Opx I5px 20px 5pxdiv padding: 1 Opx 20px 15px 5px)B. div padding: 1 Opx 20px 5px 15px)div padding:!Opx 5px I5px 20px)2 .下列哪个属性能够设置盒模型的左侧外边距。A. margin:B. indent:C. margin-left:D. text-indent:3css中，盒模型的属性包括(BCE)fontA. marginpaddingB. visib
10、leborder4css样式表不可能实现(D)功能。A.将格式和结构分离一个CSS文件控制多个网页C.控制图片的精确位置D.兼容所有的浏览器Web前端开发技术与案例教程习题及答案第八章. JavaScript与Java语言的区别是什么？1995年，Netscape公司的Brendan Eich,在网景导航者浏览期上首次设计实现。因为 Netscape与Sun合作，Nclscapc管理层希望它外观看起来像Java,因此取名为JavaScript。 实际上JavaScript与Java是两种完全不同的语言：JavaScript常用来实现用户与浏览器的动 态交互，它是一种解释型语言，边解释边执行。而
11、Java是标准的编程语言，常用来实现网 站的后台服务，是一种编译型语言。1 . JavaScript有哪些数据类型？JavaScript的数据类型主要包括：字符串、数字、布尔、数组、对象、函数、Null等。2 .如何使用JavaScript对象的属性和方法？使用JavaScript对象的屈性，可通过“对象名.屈性名”来获取、设置对象属性值：使用 JavaScript对象的方法，可通过“对象名.方法名(传数)”来使用对象的方法，其中“参数” 表示可选的参数。3 .添加JavaScripl事件的方式有哪些？添加JavaScript事件的方式主要有3种:1.HTML内联属性，将事件捆绑在HTML 元
12、素匕 此方法适用于表单事件：(2) DOM属性绑定，指通过添加DOM元素的事件属性 来绑定或解绑事件触发的函数：(3)添加事件监听，通过addEventListenerf) Ui removeEventListenerO方法为元素添加或删除事件。笫九章Ajax是一种编程语言么？与明6些技术相关？ Ajax可以实现什么？Ajax 即“Asynchronous JavaScript And XML”（异步 JavaScript 和 XML）,不是编程语言, 而是指种创建交互式网页应用的网页开发技术，与Web技术相关，可以用来实现不重新 加载页面的情况下，动态更新页面。1. jQuery是什么？与J
13、avaScript有什么关系？有什么优点？jQuery是JavaScript的一个轻量级库文件，可以认为是一个JavaScripl框架，使JavaScripl 的使用变得更加简洁高效。它具有以下优点：（1）轻量级，jQuery库文件很小，不仅减少存 储空间，传输时还可以减少传输时间：（2）出色的浏览器兼容，jQuery提供了跨浏览器的标 准，同时修旦了一些浏览器之间的的差异，使开发者不必在开展项口前建立浏览翳兼容阵； （3）隐式迭代：jQuery里的方法都被设计成门动操作的对象集合，而不是单独的对象，这使 得大量的循环结构变得不再必要，从而大幅度地减少代码量。（4）链式操作，对发生在同一 个jQuery对象上的组动作，可以直接接连写无需要重复获取对象。2. jQuery常用的选择器有哪几类？各有哪些？jQuery常用的选择器有：（1）基本选择器，主要包括id选择器、元素选择器、类选择 器、通配选择器、分组选择器：（2）层级选择器，主要包括包含选择器、子选择器、相邻选 择器、兄弟选择器。（3）过浦选择器，主要包括基木过流器、子元素过流器、内容过滤器、 可见性过泄器：（4）表单选择器，主要包括基本表单选择器、表单属性选择器等。第十章无