第八章《HTML综合练习》.ppt

《第八章《HTML综合练习》.ppt》由会员分享，可在线阅读，更多相关《第八章《HTML综合练习》.ppt（37页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML综合练习HTML&JavaScript第八章任务新用户注册页面(查看页面效果)菜单背景随鼠标变化(查看页面效果)训练的技能点HTML标签应用CSS美化页面应用 用TABLE布局制作网页任务第一部分：复习串讲（100分钟）学员对本门课程进行总结（50分钟）本门课程习题训练（50分钟）第二部分：综合练习（90分钟）第一阶段：新用户注册页面（35分钟）第二阶段:TABLE布局页面（35分钟）第三阶段：菜单背景随鼠标变化 （20分钟）第三部分（10分钟）总结阶段划分学员对本门课程进行总结（50分钟）复习串讲 34位学员讲解位学员讲解 每人每人1520分钟分钟习题训练1、以下选项中，可以放置到层

2、中的有（以下选项中，可以放置到层中的有（）A.文本文本 B.图像图像 C.插件插件 D.层层答案：答案：ABCD习题训练2、HTML语言中的预格式文本标签是语言中的预格式文本标签是()()A.B.C.D.答案：答案：C习题训练3、CSS样式表根据所在网页的位置，可分为（样式表根据所在网页的位置，可分为（）A行内样式表、内嵌样式表、混合样式表行内样式表、内嵌样式表、混合样式表 B行内样式表、内嵌样式表、外部样式表行内样式表、内嵌样式表、外部样式表 C外部样式表、内嵌样式表、导入样式表外部样式表、内嵌样式表、导入样式表 D外部样式表、混合样式表、导入样式表外部样式表、混合样式表、导入样式表答案：答

3、案：B习题训练4、在插入图片标签中，对插入的图片进行文字说明使用在插入图片标签中，对插入的图片进行文字说明使用的属性是（）的属性是（）A.name B.id C.src D.alt答案：答案：D习题训练5、对于对于标签，其中标签，其中*代表代表GETGET或（）或（）A.SET B.PUT C.POST D.INPUT答案：答案：C习题训练6、当希望使图片的背景是透明的时候，应该使用的图像当希望使图片的背景是透明的时候，应该使用的图像格式是（）格式是（）A.JPG B.PCX C.BMP D.GIF答案：答案：D习题训练7、下列标签可以不成对出现的是（、下列标签可以不成对出现的是（）AHTML

4、/HTML BP/P CTITLE/TITLE DBODY/BODY答案：答案：B习题训练8、对于标签对于标签input type=*，如果希望实现密码框效果，如果希望实现密码框效果，*值是（）值是（）Ahidden Btext Cpassword Dsubmit答案：答案：C习题训练9、HTML代码代码表示？表示？A.创建表格创建表格 B.创建一个滚动菜单创建一个滚动菜单 C.设置每个表单项的内容设置每个表单项的内容 D.创建一个下拉菜单创建一个下拉菜单 答案：答案：D习题训练10、在在HTML的的标签中，标签中，valign 属性的取值是（）属性的取值是（）A top Bmiddle Cc

5、enter Dbottom答案：答案：ABD习题训练11、BODY元素用于背景颜色的属性是（）元素用于背景颜色的属性是（）Aalink Bvlink Cbgcolor DBackground-color答案：答案：C习题训练答案：答案：A12、在表单中包含性别选项，且默认状态为、在表单中包含性别选项，且默认状态为“男男”被选中，下被选中，下列正确的是（）列正确的是（）A 男男 B男男 C男男 D男男习题训练答案：答案：B13、在、在CSS中下面哪种方法表示超链接文字在鼠标经过中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线？时，超链接文字无下划线？A.A:linkTEXT-DECO

6、RATION:underline B.A:hover TEXT-DECORATION:none C.A:active TEXT-DECORATION:blink D.A:visited TEXT-DECORATION:overline 习题训练答案：答案：C14、一个有、一个有 3 个框架的个框架的 Web 页实际上有几个独立页实际上有几个独立 的的HTML 文件？文件？A.2 B.3 C.4 D.5习题训练答案：答案：A15、的意思是？的意思是？A.图像相对于周围的文本左对齐图像相对于周围的文本左对齐B.图像图像相对于周围的文本相对于周围的文本右对齐右对齐C.图像图像相对于周围的文本相对于周

7、围的文本底部对齐底部对齐D.图像图像相对于周围的文本相对于周围的文本顶部对齐顶部对齐习题训练答案：答案：A16、html 语言中，设置表格单元格的水平对齐的标记是？语言中，设置表格单元格的水平对齐的标记是？A.B.C.D.习题训练答案：答案：B 17.下面代码片段，说法正确的是下面代码片段，说法正确的是:.DIV1 position:absolute;line-height:22px;height:58px;background-color:#FF0000;A.Line-height:22px;修饰文本字体大小修饰文本字体大小 B.position:absolute;表示绝对定位，被定位的元素

8、位置固定表示绝对定位，被定位的元素位置固定 C.height:58px;表示被修饰的元素距离别的元素的距离表示被修饰的元素距离别的元素的距离 D.background-color:#FF0000;表示被修饰的元素的背景图像表示被修饰的元素的背景图像习题训练答案：答案：A18、（、（）属性指定将用以下三种方法中的一种来显示属性指定将用以下三种方法中的一种来显示字体：字体：正常、斜体和偏斜体。正常、斜体和偏斜体。A.Font Style B.Font Family C.Line Height D.Font Designer sight习题训练答案：答案：B19、在在Dreamweaver 中中,在

9、设置各个框架属性时在设置各个框架属性时,参参 数数Scroll 是用来设置（）属性的。是用来设置（）属性的。A.是否进行颜色设置是否进行颜色设置 B.是否出现滚动条是否出现滚动条 C.是否设置边框宽度是否设置边框宽度 D.是否使用默认边框宽度是否使用默认边框宽度习题训练答案：答案：A20、html语言中，设置表格边框宽度的标签是？语言中，设置表格边框宽度的标签是？A.B.C.D.习题训练答案：答案：A21、加入一条水平线的加入一条水平线的HTML代码是代码是?A.B.C.D.习题训练答案：答案：D22、以下链接到电子邮件的正确格式是：以下链接到电子邮件的正确格式是：A.邮箱邮箱 B.邮箱邮箱

10、C.邮箱邮箱 D.邮箱邮箱习题训练答案：答案：C2323、HTMLHTML文件中，下面哪一个标签中包含了网页的全部文件中，下面哪一个标签中包含了网页的全部内容（内容（）A B C D习题训练答案：答案：A24、若将、若将Dreamweaver中个横向相邻的单元格合并，中个横向相邻的单元格合并，则两单元格中文字会（则两单元格中文字会（）A文字合并文字合并 B左单元格文字丢失左单元格文字丢失 C右单元格文字丢失右单元格文字丢失 D系统出错系统出错 习题训练答案：答案：C25、ID为为left的的DIV标签，用标签，用CSS设置设置DIV的左边为红的左边为红色实线，下面设置正确的是：色实线，下面设置

11、正确的是：Astyle=”border-top:#ff0000 1 solid;”Bstyle=”border-left:1,#ff0000,solid;”Cstyle=”border-left:1#ff0000 solid;”Dstyle=”border-right:1,#ff0000,dashed;”需求说明：需求说明：完成时间：完成时间：35分钟分钟阶段1页面效果页面效果细边框细边框样式样式1 1、表单文本框用表单文本框用CSSCSS设置细边框样式，边框颜色：设置细边框样式，边框颜色：#61B16A#61B16A 2 2、“提交按钮提交按钮”设置成图片按钮设置成图片按钮阶段1-页面效果阶

12、段2页面效果页面效果1、用、用TABLE表格布局页面表格布局页面2、页面分为三部分：菜单导航、中间部分和、页面分为三部分：菜单导航、中间部分和QQ秀区秀区3、网页内容四边用圆角背景、网页内容四边用圆角背景4、图片与文本对齐、图片与文本对齐需求说明：需求说明：完成时间：完成时间：35分钟分钟阶段2-页面效果1、鼠鼠标标移移到到菜菜单单超超链链接接上上时时，超超链链接接背背景景图图变变化化且且无无下下划线划线2、鼠标移鼠标移到到网页中的超链接上时，超链接有下划线且文网页中的超链接上时，超链接有下划线且文本颜色发生变化本颜色发生变化3、网页中图片链接无边框、网页中图片链接无边框，用，用CSS统一设定

13、统一设定阶段3页面效果页面效果需求说明：需求说明：完成时间：完成时间：20分钟分钟阶段31.改改变变超超链链接接及及活活动动链链接接背背景景图图实实现现菜菜单单随随鼠鼠标标移移动动切切换的效果换的效果 2.网网页页中中超超链链接接有有无无下下划划线线，用用text-decoration属属性性设设定定.A1 text-decoration:none;background-image:url(image/bg.gif);.A1:hover background-image:url(image/bg1.gif);border:1px#319ede solid;text-decoration:none;页面效果页面效果完成时间：完成时间：20分钟分钟实现思路：实现思路：常见调试问题及解决办法常见调试问题及解决办法代码规范问题代码规范问题教员巡视指导，进行阶段检查教员巡视指导，进行阶段检查 共性问题集中讲解共性问题集中讲解阶段3 总总 结结 总结常见调试问题及解决办法常见调试问题及解决办法代码规范问题代码规范问题