HTML5网页设计题库章节练习题带答案（高职）.docx
HTML5网页设计题库章节练习题带答案思考与练习一、填空题1. HTML5给我们带来了很多人性化和方便的改变，包括新的解析顺序、新的input属性等。2. HTML5的设计目的是为了在 支持多媒体。二、选择题1 .网页的基本语言是（）A. JavaScript B. VBScript C. HTML D. XML2 .网页中所谓的（）,通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就 可以自动跳转到相应的其他文件，获得相应的信息。A.超链接B.热区C.图片D.多媒体3 .网页的扩展名是（）A. . htmlB. . docC. . batD. . ppt4 . HTML指的是（）A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言（Hyperlinks and Text Markup Language）D.以上都不正确三、判断题LHTML5标记符的属性一般不区分大小写。（）2. HTML5能快速的构建框架，是的实现一些功能能加简便，节省开发时间。（）答案：一、填空题.新的元素、新的方法.移动设备上二、选择题1.C2. A 3. A 4. A三、判断题V 2.思考与练习:一、填空题1. HTML文档主要是由HTML标签、动画、超级链 接等组成。2. 一个完整的HTML文档应该至少由文档声明、 四部分组成： 二、选择题1 .在HTML中，（）标记不可出现在body和/body标记符之间。（）A. <hr>B. <br>2 .以下最大的标题是（）A. <h7>B. <h6>3 .下列那个不是视频文件。A. jpg文件B. avi文件4 .设置网页名称的标签是（A. VTITLE>和 V/TITLEA. <hr>B. <br>5 .以下最大的标题是（）A. <h7>B. <h6>6 .下列那个不是视频文件。A. jpg文件B. avi文件7 .设置网页名称的标签是（B. VTITLE>和 V/TITLEA. <hr>B. <br>8 .以下最大的标题是（）A. <h7>B. <h6>9 .下列那个不是视频文件。A. jpg文件B. avi文件10 .设置网页名称的标签是（C. VTITLE>和 V/TITLEA. <hr>B. <br>11 .以下最大的标题是（）A. <h7>B. <h6>12 .下列那个不是视频文件。A. jpg文件B. avi文件13 .设置网页名称的标签是（D. VTITLE>和 V/TITLEC. <h2>)C. mov文件D. <!一一一一>D. <hl>D. mpg文件)E. HEAD和 V/HEADC. TITLES和/TITLES>5. HTML文档结构由（）组成。A. (html) . (/html) 、 <title>>-</title> (body).(/body)B. (body) 、 /body <hl></hl> (html) 、 (/html)C. html. (/html)、 (head) . . . (/head)、 (body) . . . (/body)D. <head>>-</head><meta>>-</meta><title>>-</title>6 .下述哪个不是文档标签？（）A. （html） B. （body） C. （title） D. td7 . HTML不包括下述哪类标签？（）A.文档标签B.图形标签C. Java标签D.框架标签8 .HTML文件的标题显示在浏览器的（）A.菜单栏 B.标题栏 C.地址栏D.状态栏9 .设置网页标题时，在HTML源代码中需要使用（）标记A. <head>B. <title>C. <body>I). <table>A. <head>B. <title>C. <body>I). <table>A. <head>B. <title>C. <body>I). <table>A. <head>B. <title>C. <body>I). <table></head></title></body></table>参考答案：一、填空题1 .文本、图形、声音2 . html标签对、head标签对、body标签对二、选择题1.C2. D 3. A 4. A 5. C 6. D. 7. C 8. B 9. B一、选择题CBDCD二、填空题1、<head> <title>2、有序列表style3、<!>三、简答题1、答：在HTML语言的头元素中，一般需要包括标题、基底信息、元信息等。HTML 的头元素是以vhead>为开始标记，以v/head>为结束标记的。一般情况下，CSS和JavaScript 都定义在头元素中，而定义HTML语言头部的内容往往不会在网页上直接显示，它用于当 前文档的相关信息。2、答：vhtml>v/html>HTML文件全文的开始结束标记<head>. </head> HTML文件头部的开始结束标记<body>.</body> HTML文件体部的开始结束标记四、选择题ADCAC五、填空题1、 C:my documentsmy webfavorite.html2、JPG、GIF 和 PNG3、<video>4、<embed>六、判断题错、错、对、错、错七、简答题1、答：JPEG图像可以支持数百万种颜色，即使在传输过程中有数据丢失现象，在显示 质量上也不会有明显的影响;PNG格式图像具有高保真性和透明性以及文件体积小的特点； GIF可以显示动画效果和透明效果。2、答：由于不同浏览器对HTML5的支持各不相同，要获得所有兼容HTML5浏览器的 支持，至少提供两种格式以上的视频和音频，source元素用于定义一个以上的媒体元素。 思考与练习 一、选择题1. C 2. A 3. D 4. C 5. D二、填空题1、target, blank_2、绝对URL,相对URL,锚URL3、被链接文档4、link, image/x-icon5、nav三、简答题1、URL (Uniform Resource Locator)统一资源定位符，是对可以从互联网上得到的资源的位 置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一 个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。2、绝对URL (absoluteURL)：显示文件的完整路径，这意味着绝对URL本身所在的位置与 被引用的实际文件的位置无关，相对URL (relative URL)：以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位 置。如果目标文件与当前页面(也就是包含URL的页面)在同一个目录，那么这个文件的相 对URL仅仅是文件名和扩展名，如果目标文件在当前目录的子目录中，那么它的相对URL是 子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。思考与练习一、选择题4、D4、D4、D1、 C 2、 D 3、 A二、填空题1> border,夕卜2、bgcolor, background3、colspan, rowspan4、width,像素,百分比5、td三、操作题<!doctype html><html><head><meta charset=nutf-8"><titlex/title><style>table border: lpx solid;)</style></head><body><table border="l" cellpadding="O" cellspacing="O"><tr><td><p>这是一段</p><p>这是另外一段</p></td><td style="padding:5px;"><p>这个单元格包含了一个表格：</p><table width=“100%" cellpadding="0" cellspacing="0"><tr><td>A</td><td>B</td></tr><tr bgcolor="#c4c4c4H><td>C</td><td>D</td></tr></table></td></tr></table></body>习题答案一、单项选择题12345DBACA二、填空题1 . get, post2 .颜色，拾色器3 .0,地方4 .默认，秒5 . step, value三、操作题代码：<!doctype html><html><head><meta charset="utf-8">会员注册表单v/title></head><body><fbrmaction=n#H method二"post”>vh2>会员注册</h2><P><span>性质：</span><input type="radio” name="Nature” checked="checked”/> 个人<input type="radio" name="Nature" /> 公司</p><P><span>昵称：</span><input type="text" placeholder="小明"maxlength="10,7></p><P>vspan>密码：</span><input type=Mpassword" size=n20M /></p><P><span> 电子邮箱：</span><input type="email” name="myemail" placeholder=n 123456 " requiredmultiple/></p><P>vspan>所在地：</span><select>option请选择</option>option北京</option><option selected="selected”天津/optionoption上海/optionoption重庆 </option></select></P><P><span>身份证号：</span><input type=HtextH name=ucard" requiredpattern=HAd8,18|0-9x8,18|0-9X 8,18?$n title="(必须填写, 能够以数字、字母x结尾的短身份证号)V></p><P><span>手机号码：</span><input type="tel" name=,telphone" pattern="Ad 11 $Hrequired/></p><P><span>意见反馈：</span><textarea cols="50" rows="5">如果您有什么意见或问题可以告诉我! </textarea></p><P><span></span><input type="submit” value=“提交“ class=”btn”/><input type="reset” value=“重置”/</P></form></body></html>习题答案一、单项选择题12345CBADA二、填空题1. moveTo(), lineTo()2.0, 2*Math.PIcreatePattern(), translate(l,l)rotate,原点fillText(), strokeText()三、操作题代码：<!doctype html><html><head><meta charset="utf-8"><title>习题 8.1</title></head><body><canvas id="myCanvas" width="300" height="150" style="border:lpx solid #d3d3d3;">您的浏览器不支持HTML5 canvas标签。</canvas><script>var c=document.getElementByld("myCanvas");var ctx=c.getContext("2d");var grd=ctx.createLinearGradient(0,0,170,0);grd.addColorStop(0,"black");grd.addColorStop(0.5,"red");grd.addColorStop(l/'white");ctx.fillStyle=grd;ctx.fillRect(20,20,150,100);</script></body></html>习题答案一、单项选择题二、填空题12345DABCD1. 行内声明 内嵌声明 链接外部样式文件ID 类border-radius背景平铺column-count三、简答题.答：CSS3不仅仅是CSS2的简单补充，CSS3语言开发是朝着模块化发展的。以前的规范 作为一个模块实在太过庞大且比较复杂，所以，把它分解为一些小的模块。更多新的模块也 被加入进来，这些模块包括：盒子模块，列表模块，超链接模块，语言模块，背景和边框, 文字特效，多栏布局等。1 .答：CSS3的常用选择器主要有标签选择器、II）选择器、类选择器、属性选择器、伪类选 择器和派生选择器。四、操作题 答案略习题答案一、单项选择题二、填空题word-wrap break-wordtransform:scale(0.5,0.5);IEscale rotate12345ADCBA5. keyframes animation三、简答题.答：CSS3中增加了使用服务器端字体的功能，通过此功能能最大限度地保证每个浏览者 都能获得一致的用户体验，而不需要下载字体。网页设计师只需在服务器端安装指定字体, 浏览者在任何一台计算机上浏览网页时，都能正确显示此字体效果。1 .答：在CSS3中使用animation动画的过程时，首先利关键帧定义动画规 则，随后在需要实现动画的元素样式中使用animation属性应用此动画规则，如此便可以实 现动画效果。四、操作题答案略。
