《HTML综合练习》PPT课件.ppt

HTML综合练习,HTML&JavaScript第八章,任务 新用户注册页面(查看页面效果) 菜单背景随鼠标变化(查看页面效果) 训练的技能点 HTML标签应用 CSS美化页面应用 用TABLE布局制作网页,任务,第一部分 ：复习串讲（100分钟） 学员对本门课程进行总结（50分钟） 本门课程习题训练（50分钟） 第二部分：综合练习（90分钟） 第一阶段：新用户注册页面 （35分钟） 第二阶段: TABLE布局页面（35分钟） 第三阶段：菜单背景随鼠标变化 （20分钟） 第三部分（10分钟） 总结,阶段划分,学员对本门课程进行总结（50分钟）,复习串讲,34位学员讲解 每人1520分钟,习题训练,1、以下选项中，可以放置到层中的有（ ） A. 文本 B. 图像 C. 插件 D. 层,答案：ABCD,习题训练,2、HTML语言中的预格式文本标签是( ) A. B. C. D. ,答案：C,习题训练,3、CSS样式表根据所在网页的位置，可分为（ ） A行内样式表、内嵌样式表、混合样式表 B行内样式表、内嵌样式表、外部样式表 C外部样式表、内嵌样式表、导入样式表 D外部样式表、混合样式表、导入样式表,答案：B,习题训练,4、在插入图片标签中，对插入的图片进行文字说明使用的属性是（ ） A. name B. id C. src D. alt,答案：D,习题训练,5、对于标签，其中*代表GET或（ ） A. SET B. PUT C. POST D. INPUT,答案：C,习题训练,6、当希望使图片的背景是透明的时候，应该使用的图像格式是（ ） A. JPG B. PCX C. BMP D. GIF,答案：D,习题训练,7、下列标签可以不成对出现的是（ ） AHTML/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 Ccenter Dbottom,答案：ABD,习题训练,11、BODY元素用于背景颜色的属性是（ ） Aalink Bvlink Cbgcolor DBackground-color,答案：C,习题训练,答案：A,12、在表单中包含性别选项，且默认状态为“男”被选中，下列正确的是（ ） A 男 B男 C男 D男,习题训练,答案：B,13、在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线？ A. A:linkTEXT-DECORATION: underline B. A:hover TEXT-DECORATION: none C. A:active TEXT-DECORATION: blink D. A:visited TEXT-DECORATION: overline ,习题训练,答案：C,14、一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件？ A. 2 B. 3 C. 4 D. 5,习题训练,答案：A,15、的意思是？ A. 图像相对于周围的文本左对齐 B. 图像相对于周围的文本右对齐 C. 图像相对于周围的文本底部对齐 D. 图像相对于周围的文本顶部对齐,习题训练,答案：A,16、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;表示绝对定位，被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像,习题训练,答案：A,18、（ ）属性指定将用以下三种方法中的一种来显示字体： 正常、斜体和偏斜体。 A. Font Style B. Font Family C. Line Height D. Font Designer sight,习题训练,答案：B,19、在Dreamweaver 中, 在设置各个框架属性时, 参 数Scroll 是用来设置（）属性的。 A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度,习题训练,答案：A,20、html语言中，设置表格边框宽度的标签是？ A. B. C. D. ,习题训练,答案：A,21、加入一条水平线的HTML代码是? A. B. C. D. ,习题训练,答案：D,22、以下链接到电子邮件的正确格式是： A. 邮箱 B. 邮箱 C. 邮箱 D. 邮箱,习题训练,答案：C,23、HTML文件中，下面哪一个标签中包含了网页的全部内容（ ） A B C D,习题训练,答案：A,24、若将Dreamweaver中个横向相邻的单元格合并，则两单元格中文字会（ ） A文字合并 B左单元格文字丢失 C右单元格文字丢失 D系统出错,习题训练,答案：C,25、 ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是： 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、表单文本框用CSS设置细边框样式，边框颜色：#61B16A 2、 “提交按钮”设置成图片按钮,阶段1-页面效果,阶段2,页面效果,1、用TABLE表格布局页面 2、页面分为三部分：菜单导航、中间部分和QQ秀区 3、网页内容四边用圆角背景 4、图片与文本对齐,需求说明：,完成时间：35分钟,阶段2-页面效果,1、鼠标移到菜单超链接上时，超链接背景图变化且无下划线 2、鼠标移到网页中的超链接上时，超链接有下划线且文本颜色发生变化 3、网页中图片链接无边框 ，用CSS统一设定,阶段3,页面效果,需求说明：,完成时间：20分钟,阶段3,1. 改变超链接及活动链接背景图实现菜单随鼠标移动切换的效果 2. 网页中超链接有无下划线，用text-decoration属性设定,.A1 text-decoration:none; background-image:url(image/bg.gif); .A1:hover background-image:url(