2023年6月21日发(作者：)

HTMLCSS题库⼀、 填空题1. 使⽤⽂本编辑器编辑完HTML后，扩展名可以是__html___或___htm__。2. 表格的标签是____table______，单元格的标签是____td______。3. 在编辑table表格时，合并⾏使⽤ __rowspan_____合并列使⽤_____colspan____。4. 在CSS层叠样式表当中经常⽤到的三种选择器：___元素选择器___、__类选择器__、__id选择器__。5. 在JavaScript脚本语⾔当中，定义函数使⽤___function__单词表⽰。6. ⽤来输⼊密码的表单域是___ input标签type属性等于password ____。7. ⽂件头标签也就是通常所见到的 _head___ 标签。8. 预格式化⽂本标记

的功能是___标记内的内容按照原格式显⽰在⽹页当中______。  
9. __超链接___是⽹页与⽹页之间联系的纽带，也是⽹页的重要特⾊。10. 表单是Web__客户端__和Web__服务器___之间实现信息交流和传递的桥梁。11. ….是⽤来定义__表格的⼀⾏____；…是⽤来定义___表格的⼀列___；12. 在⽹页中插⼊背景图案（⽂件的路径及名称为/img/）的语句是________。1. 设定图⽚⾼度及宽度的属性是___ heightwidth ____。2. window的 ___onload___ 事件在浏览器完成页⾯加载后⽴即触发。3. Javascript⾥Math的___ random()____⽅法返回介于0和1之间的伪随机数。4. 获得焦点的事件___ onfocus __,失去焦点的事件___ onblur ___。5. W3C是指  __万维⽹联盟___  。6. 当今⽐较流⾏的技术研发模式是__c/s___和__b/s___的体系结构来实现的7. 利⽤CSS设置⽹页背景颜⾊为绿⾊的语句____background-color=’green’_______。8. 在HTML中，引⼊CSS的⽅法主要有___⾏内式____、___内嵌式___、___导⼊式___、___链接式__4种。9. 在标签当中可以通过__style__属性中设定CSS样式。10. CSS样式遵循_就近_原则。11. 继承原则中，CSS所有的样式⼦标记都可以____继承___⽗标记所有的样式风格，⽽  ⼦标记的样式风格___完全不会影响___⽗标记。12. 表单的提交有两种⽅式，分别是:___get____、___post___。13. 表单对象的名称由__name__属性设定；提交⽅法由___method____属性指定；若要提交⼤数据量的数据，则应采⽤___post__⽅法；表单提交后的数据处理程序由__action___属性指定。 
14. 经常说的表单验证，那么表单是使⽤___form___标签表⽰。15. 表单实际上包含两个重要组成部分：⼀是描述表单信息的____ web页   ， ⼆是⽤于处理表单数据的服务器端___表单处理程序___。16. 设置⽂档的可见部分开始标记符______；结束标记符是___________。17. 严格来说， ___html___并不是⼀种编程语⾔，⽽只是⼀些能让浏览器看懂的标记。18. 请写出在⽹页中设定表格边框的厚度的属性__border_____；设定表格单元格之间宽度属性___ cellpadding____；设定表格资料与单元格线的距离属性___ cellspacing___。 
⼆、    选择题1. 1.         在HTML中有效，规范的注释声明是(  D  )。(选择⼀项)  A.B.C.D.//这是注释/*这是注释*/ 
2.分析下⾯的HTML代码⽚段，则选项中的说法正确的是(  CD  )(选择⼆项)
      
姓名
      
成绩          语⽂     
      
数学
 
A.B.C.D. 
该表格共有两⾏三列该表格边框宽度为30像素该表格中的⽂字均居中显⽰姓名”单元格跨2列 
3.分析下⾯的HTML代码段，下⾯描述正确的是(  A  )(选择⼀项)                              
A. 
在页⾯中创建了三个框架，左边⼀列包含两个框架(各占50%)，右边⼀列占窗⼝的70%在页⾯中创建了三个框架，左边⼀列占窗⼝的30%，右边⼀列包含两个框架(各占50%)在页⾯中创建了三个框架，上边⼀⾏占窗⼝的30%，下边⼀⾏包含两个框架(各占50%)在页⾯中创建了三个框架，上边⼀⾏包含两个框架(各占50%)，下D.边⼀⾏占窗⼝的70% 
4. 在HTML中，通过( b )可以实现⿏标悬停在超链接上时，为⽆下划线的效果。(选择⼀项) 
A、a{text-decoration:underline} 
 
 
 
 
 
B. 
C. B、a{text-decoration:none}C、a:hover{text-decoration:none}D、a:link{text-decoration:underline} 
 
 
5. 在HTML中，使⽤标签插⼊图像，下列选项关于的src属性说法正确的是(  C  )。(选择⼀项) 
A.B.C.D.  
 
⽤来设置图⽚⽂件的格式⽤来设置图⽚⽂件所在的位置⽤来设置⿏标指向图⽚时显⽰的⽂字⽤来设置图⽚周围显⽰的⽂字   
 
6. 在HTML中，(  D  )可以在⽹页上通过连接直接打开客户端的发送邮件⼯具发送电⼦邮件(选择⼀项) 
A.B.C.D. 
发送反馈信息发送反馈信息发送反馈信息发送反馈信息 
7. 下列常⽤属性设置中，(  B  )适⽤于标签 (选择⼀项) 
A.B.C.D. 
border="0"frameborder="1"scrolling="0"href="" 
8. 下⾯关于外部样式表的说法错误的是(  A  )。(选择⼀项) 
A. 
⽂件扩展名为 .csB.C.D.外部样式表内容不需要使⽤
  • 登录
  • 注册
  • 帮助
图:登录  注册  帮助(选择⼀项) 
A.B.C.D. 
第⼀个横线:inherit 第⼆个横线:right第⼀个横线:none 第⼆个横线:right第⼀个横线:inherit 第⼆个横线:left第⼀个横线:none  第⼆个横线:left 
15.  在HTML中，将表单中INPUT元素的TYPE属性值设置为(  A  )时，⽤于创建重置按钮。(选择⼀项) 
A.B.C. 
 
16.  如图所⽰，要求单击“天狼星”时，弹出页⾯“”,并显⽰“天狼星欢迎你”，则在中，正确实现此连接的代码是(  C  )(选择⼀项) 
 
A.B.C.D. 
天狼星天狼星天狼星天狼星 
17.  在HTML中，以下(  A  )能够实现表格跨列。(选择⼀项) 
n属性rowspan属性colspan标签rowspan标签 
18.  已知在HTML页⾯上定义了如下所⽰的CSS样式(选择⼀项)分析如下的HTML代码⽚断，选项中说法错误的是(  B  )
  
    姓名：      
  
    性别：    男    ⼥  
  A.B.C.D. 
表格中某些单元格应⽤了t样式表格共两列，其中name⽂本框跨了两列表格单元格右边框为dashed(虚线框样式)表格单元格顶填充为5像素 
19.  CSS样式background-position:-5px 10px代表的意义是(  A  )(选择⼀项) 
A.B.C.D.背景图⽚向左偏移5px，向下偏移10px背景图⽚向左偏移5px，向上偏移10px背景图⽚向右偏移5px，向下偏移10px背景图⽚向右偏移5px，向上偏移10px 
20.  若某标签⾥内容超过标签尺⼨，则超出内容⾃动隐藏的CSS样式是(  C 
)。(选择⼀项) 
A.B.C.D. 
display:nonevisibility:hiddenoverflow:hiddenclear:both 
21.  阅读下⾯CSS代码，下⾯选项中与该代码段效果等同的是(  A  )。(选择⼀项).box { margin:10px 5px; margin-right:10px; margin-top:5px; } 
A.B.C.D. 
.box { margin:5px 10px 10px 5px; }.box { margin:5px 10px 0px 0px; }.box { margin:5px 10px; }.box { margin:10px 5px 10px 5px; } 
22.  阅读下⾯HTML代码，如果期望tabs位于box容器的右下⾓，则需要添加的CSS样式是(  C  )。(选择⼀项)
 
A.B. 
#tabs { position:absolute; right:0; bottom:0; }#tabs { position:relative; right:0; bottom:0; }#box { position:relative; } #tabs { position:absolute; right:0;bottom:0; }#box { position:relative; } #tabs { position:right bottom; }C.D. 
23.  在HTML⽹页中添加如下CSS样式，⿏标悬浮在链接上⾯时，⽹页中的链接呈现的颜⾊为(  B  )。(选择⼀项)body { color:red; }a { color:black; }a:link,a:visited { color:blue; }a:hover,a:active { color:green; }... 
 
A.B.C.D. 
红⾊绿⾊蓝⾊⿊⾊ 
 
 
 
 
24.  在HTML中，(  D  )标签⽤于在⽹页中创建表单。(选择⼀项) 
A.B.C.D.  
 
 7          8          9     10     11         密码12         13             14         15         16     17     18         重复密码19         20             22         23         24     25     26         年龄27         28             30         31         32     33     33     34         性别35         36             男37      38                 ⼥39         40     41     42         爱好43         44             ⾜球 
45                                                    46                 蓝球47                     ⽻⽑球48                         乒乓球49         50     51     52         班级53         54             60         61     62     63         64             65         66         67             68         69     70  
CSS: 1  
3．请编写代码实现下图效果（5分）HTML: 1 
 2      3          4          7      8      9         10         13     14     15         18     19 
姓名 5              6         
密码11             12         
16             17         
 
CSS: 1 table 
 2 { 3     font-size: 12px; 4     border: solid 1px blue; 5     border-collapse: collapse; 6     width: 300px; 7 } 8 td 
 9 {10     font-size: 12px;11     border: solid 1px blue;12 } 
2023年6月21日发(作者：)
HTMLCSS题库⼀、    填空题1. 使⽤⽂本编辑器编辑完HTML后，扩展名可以是__html___或___htm__。2. 表格的标签是____table______，单元格的标签是____td______。3. 在编辑table表格时，合并⾏使⽤ __rowspan_____合并列使⽤_____colspan____。4. 在CSS层叠样式表当中经常⽤到的三种选择器：___元素选择器___、__类选择器__、__id选择器__。5. 在JavaScript脚本语⾔当中，定义函数使⽤___function__单词表⽰。6. ⽤来输⼊密码的表单域是___ input标签type属性等于password ____。7. ⽂件头标签也就是通常所见到的   _head___  标签。8. 预格式化⽂本标记
的功能是___标记内的内容按照原格式显⽰在⽹页当中______。  
9. __超链接___是⽹页与⽹页之间联系的纽带，也是⽹页的重要特⾊。10. 表单是Web__客户端__和Web__服务器___之间实现信息交流和传递的桥梁。11. ….是⽤来定义__表格的⼀⾏____；…是⽤来定义___表格的⼀列___；12. 在⽹页中插⼊背景图案（⽂件的路径及名称为/img/）的语句是________。1. 设定图⽚⾼度及宽度的属性是___ heightwidth ____。2. window的 ___onload___ 事件在浏览器完成页⾯加载后⽴即触发。3. Javascript⾥Math的___ random()____⽅法返回介于0和1之间的伪随机数。4. 获得焦点的事件___ onfocus __,失去焦点的事件___ onblur ___。5. W3C是指  __万维⽹联盟___  。6. 当今⽐较流⾏的技术研发模式是__c/s___和__b/s___的体系结构来实现的7. 利⽤CSS设置⽹页背景颜⾊为绿⾊的语句____background-color=’green’_______。8. 在HTML中，引⼊CSS的⽅法主要有___⾏内式____、___内嵌式___、___导⼊式___、___链接式__4种。9. 在标签当中可以通过__style__属性中设定CSS样式。10. CSS样式遵循_就近_原则。11. 继承原则中，CSS所有的样式⼦标记都可以____继承___⽗标记所有的样式风格，⽽  ⼦标记的样式风格___完全不会影响___⽗标记。12. 表单的提交有两种⽅式，分别是:___get____、___post___。13. 表单对象的名称由__name__属性设定；提交⽅法由___method____属性指定；若要提交⼤数据量的数据，则应采⽤___post__⽅法；表单提交后的数据处理程序由__action___属性指定。 
14. 经常说的表单验证，那么表单是使⽤___form___标签表⽰。15. 表单实际上包含两个重要组成部分：⼀是描述表单信息的____ web页   ， ⼆是⽤于处理表单数据的服务器端___表单处理程序___。16. 设置⽂档的可见部分开始标记符______；结束标记符是___________。17. 严格来说， ___html___并不是⼀种编程语⾔，⽽只是⼀些能让浏览器看懂的标记。18. 请写出在⽹页中设定表格边框的厚度的属性__border_____；设定表格单元格之间宽度属性___ cellpadding____；设定表格资料与单元格线的距离属性___ cellspacing___。 
⼆、    选择题1. 1.         在HTML中有效，规范的注释声明是(  D  )。(选择⼀项)  A.B.C.D.//这是注释/*这是注释*/ 
2.分析下⾯的HTML代码⽚段，则选项中的说法正确的是(  CD  )(选择⼆项)
      
姓名
      
成绩          语⽂     
      
数学
 
A.B.C.D. 
该表格共有两⾏三列该表格边框宽度为30像素该表格中的⽂字均居中显⽰姓名”单元格跨2列 
3.分析下⾯的HTML代码段，下⾯描述正确的是(  A  )(选择⼀项)                              
A. 
在页⾯中创建了三个框架，左边⼀列包含两个框架(各占50%)，右边⼀列占窗⼝的70%在页⾯中创建了三个框架，左边⼀列占窗⼝的30%，右边⼀列包含两个框架(各占50%)在页⾯中创建了三个框架，上边⼀⾏占窗⼝的30%，下边⼀⾏包含两个框架(各占50%)在页⾯中创建了三个框架，上边⼀⾏包含两个框架(各占50%)，下D.边⼀⾏占窗⼝的70% 
4. 在HTML中，通过( b )可以实现⿏标悬停在超链接上时，为⽆下划线的效果。(选择⼀项) 
A、a{text-decoration:underline} 
 
 
 
 
 
B. 
C. B、a{text-decoration:none}C、a:hover{text-decoration:none}D、a:link{text-decoration:underline} 
 
 
5. 在HTML中，使⽤标签插⼊图像，下列选项关于的src属性说法正确的是(  C  )。(选择⼀项) 
A.B.C.D.  
 
⽤来设置图⽚⽂件的格式⽤来设置图⽚⽂件所在的位置⽤来设置⿏标指向图⽚时显⽰的⽂字⽤来设置图⽚周围显⽰的⽂字   
 
6. 在HTML中，(  D  )可以在⽹页上通过连接直接打开客户端的发送邮件⼯具发送电⼦邮件(选择⼀项) 
A.B.C.D. 
发送反馈信息发送反馈信息发送反馈信息发送反馈信息 
7. 下列常⽤属性设置中，(  B  )适⽤于标签 (选择⼀项) 
A.B.C.D. 
border="0"frameborder="1"scrolling="0"href="" 
8. 下⾯关于外部样式表的说法错误的是(  A  )。(选择⼀项) 
A. 
⽂件扩展名为 .csB.C.D.外部样式表内容不需要使⽤
  • 登录
  • 注册
  • 帮助
图:登录  注册  帮助(选择⼀项) 
A.B.C.D. 
第⼀个横线:inherit 第⼆个横线:right第⼀个横线:none 第⼆个横线:right第⼀个横线:inherit 第⼆个横线:left第⼀个横线:none  第⼆个横线:left 
15.  在HTML中，将表单中INPUT元素的TYPE属性值设置为(  A  )时，⽤于创建重置按钮。(选择⼀项) 
A.B.C. 
 
16.  如图所⽰，要求单击“天狼星”时，弹出页⾯“”,并显⽰“天狼星欢迎你”，则在中，正确实现此连接的代码是(  C  )(选择⼀项) 
 
A.B.C.D. 
天狼星天狼星天狼星天狼星 
17.  在HTML中，以下(  A  )能够实现表格跨列。(选择⼀项) 
n属性rowspan属性colspan标签rowspan标签 
18.  已知在HTML页⾯上定义了如下所⽰的CSS样式(选择⼀项)分析如下的HTML代码⽚断，选项中说法错误的是(  B  )
  
    姓名：      
  
    性别：    男    ⼥  
  A.B.C.D. 
表格中某些单元格应⽤了t样式表格共两列，其中name⽂本框跨了两列表格单元格右边框为dashed(虚线框样式)表格单元格顶填充为5像素 
19.  CSS样式background-position:-5px 10px代表的意义是(  A  )(选择⼀项) 
A.B.C.D.背景图⽚向左偏移5px，向下偏移10px背景图⽚向左偏移5px，向上偏移10px背景图⽚向右偏移5px，向下偏移10px背景图⽚向右偏移5px，向上偏移10px 
20.  若某标签⾥内容超过标签尺⼨，则超出内容⾃动隐藏的CSS样式是(  C 
)。(选择⼀项) 
A.B.C.D. 
display:nonevisibility:hiddenoverflow:hiddenclear:both 
21.  阅读下⾯CSS代码，下⾯选项中与该代码段效果等同的是(  A  )。(选择⼀项).box { margin:10px 5px; margin-right:10px; margin-top:5px; } 
A.B.C.D. 
.box { margin:5px 10px 10px 5px; }.box { margin:5px 10px 0px 0px; }.box { margin:5px 10px; }.box { margin:10px 5px 10px 5px; } 
22.  阅读下⾯HTML代码，如果期望tabs位于box容器的右下⾓，则需要添加的CSS样式是(  C  )。(选择⼀项)
 
A.B. 
#tabs { position:absolute; right:0; bottom:0; }#tabs { position:relative; right:0; bottom:0; }#box { position:relative; } #tabs { position:absolute; right:0;bottom:0; }#box { position:relative; } #tabs { position:right bottom; }C.D. 
23.  在HTML⽹页中添加如下CSS样式，⿏标悬浮在链接上⾯时，⽹页中的链接呈现的颜⾊为(  B  )。(选择⼀项)body { color:red; }a { color:black; }a:link,a:visited { color:blue; }a:hover,a:active { color:green; }... 
 
A.B.C.D. 
红⾊绿⾊蓝⾊⿊⾊ 
 
 
 
 
24.  在HTML中，(  D  )标签⽤于在⽹页中创建表单。(选择⼀项) 
A.B.C.D.  
 
 7          8          9     10     11         密码12         13             14         15         16     17     18         重复密码19         20             22         23         24     25     26         年龄27         28             30         31         32     33     33     34         性别35         36             男37      38                 ⼥39         40     41     42         爱好43         44             ⾜球 
45                                                    46                 蓝球47                     ⽻⽑球48                         乒乓球49         50     51     52         班级53         54             60         61     62     63         64             65         66         67             68         69     70  
CSS: 1  
3．请编写代码实现下图效果（5分）HTML: 1 
 2      3          4          7      8      9         10         13     14     15         18     19 
姓名 5              6         
密码11             12         
16             17         
 
CSS: 1 table 
 2 { 3     font-size: 12px; 4     border: solid 1px blue; 5     border-collapse: collapse; 6     width: 300px; 7 } 8 td 
 9 {10     font-size: 12px;11     border: solid 1px blue;12 }