THML测试题

考试面试 专栏收录该内容
33 篇文章 2 订阅

1、选择题

针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2分

  1. 在HTML中,以下属性值中background-repeat图平铺的是()。 (选择一项)
    A. repeat
    B. no-repeat
    C.repeat-x
    D.repeat-y

  2. 在HTML中,关于浏览器兼容性的说法,错误的是() (选择两项)
    A. 网站的兼容性职能依靠CSS hack 方法来补救,没有其他避免的方法
    B. 编写CSS hack 的思路是根据浏览器识别的特殊符号以及CSS代码的先后循序,设置浏览器相应的CSS样式
    C. IE7.0/IE8.0下编写的CSS hack 和有无文档声明无关
    D. 如果确定网站的访问者都是IE8.0或允许在用的计算机上安装IE8.0,则不需要考虑和Firefox等浏览器的兼容性问题

  3. 在HTML中,以下框架集的()属性可以上下分割窗口。 (选择一项)
    A. row
    B. rows
    C.col
    D.cols

  4. 在HTML中,以下属性中控制字体样式的是()。 (选择一项)
    A. text-align
    B. text-decoration
    C.font-family
    D.ine-height

  5. 在HTML中,关于div-dl-dt-dd默认的样式,说法正确的是()。 (选择两项)

    A.	<dl>有默认的上下外边距
    B.	div-dl-dt-dd的布局适合于一图多文混编或二级导航菜单
    C.<dd>没有默认左外边距
    D.预先设置id,dd{margin:0px;}可以清除相关边距
    
  6. 在HTML中,正确显示标题的结构是()。 (选择一项)

    A.	<html><head></head><body><title></title></body></html>
    B.	<html><head></head></title></html>
    C.	<html><head><title></title></head><body></body></html>
    D.	<html><head><title></head></title><body></body></html>
    
  7. 在HTML中,已知test.html和images在D盘根目录下,flower.jpg在images文件中,在test.html中插入图片flower.jpg语句正确的是() (选择两项)

    A.	<img src=”../flower.jpg”>
    B.	<img src=”../images/flower.jpg”>
    C.	<img src=”images/flower.jpg”>
    D.	<img src=”flower.jpg”>
    
  8. 在HTML中,以下在表单中添加隐藏域的语句正确的是()。 (选择一项)

    A.	<input name=”userid” value=”看不见”/>
    B.	<input type=”file” name=”userid” value=”看不见”/>
    C.<input type=”hidden” name=”userid” value=”看不见”/>
    D.<input type=”text” name=”userid” value=”看不见”/>
    
  9. 在HTML中,要通过无列表符号来实现横向排版的导航菜单,需要使用到的CSS属性是()。 (选择两项)
    A. list-style
    B. padding
    C.z-index
    D.float

  10. 阅读下面HTML代码,下面选项中说法错误的是()。

    <html>
    <head>
    <style type=”text/css”>
    body{margin:0;padding:0;}
    .top{margin-top:20px;border-style:dashed;padding:30px 10px;border-width:1px;}
    </style>
    </head>
    <body>
    <div class=”top”>活到老,学到老</div>
    </body></html>		(选择一项)
    

A. 边框距离浏览器上边界的距离是20像素
B. 边框是虚线
C. 边框的的宽度是1像素
D. 文字与左边框之间的距离的30像素
11) 下面哪一项,是类的样式规则定义() (选择一项)

span{color:#000000;font-family:”宋体”; fontsize:14px}
p a{text-decoration:underline;font-size:14px;color:#FF3300;}
.h2{color:#000000;font-family:”宋体”; fontsize:12px; float: left}
#top{width:100%; height:120x; border:lpx solid#cccccc;}

对于下列index.html中代码的效果描述正确的是( )。
< a href=”login.html#star”>明星专区
A. 点击“明星专区”超链接,可以从index .html跳转到login.html标记为star的位置
B. 点击“明星专区”超链接,可以从index .html跳转到本页面标记为star的位置
C. 点击“明星专区”超链接,可以从login.html跳转到index .html标记为star的位置
D. 点击“明星专区”超链接,可以从login.html跳转到本页面标记为star的位置
12) CSS盒子模型中表示内容与边框间的距离的属性为(),表示盒子与其他盒子之间的距离的属性为()
A. padding margin
B. padding border
C. margin padding
D. margin border
13) 关于CSS样式代码说法正确的是( )

a{ color:red;text-decoration:none;}
    a:hover{color:blue;text-decoration:underline;}(选择两项)

A. 该CSS样式代码指定了当鼠标悬浮其上时,页面中的超链接字体为蓝色,有下划线
B. 该CSS样式代码指定了未访问时,页面中的超链接字体为红色,无下划线
C. 该CSS样式代码指定了当鼠标悬浮其上时,页面中的超链接字体为红色,无下划线
D. 该CSS样式代码指定了未访问时,页面中的超链接字体为蓝色,有下划线
14) 在HTML中,以下不属于float常用属性值的是()(选择一项)
A. left
B. right
C.none
D.both
15) 下面form标签中的action属性用于设置()。

<form action=”…” method=”…”>
<!--文本框、按钮等表单元素-->
</form>  (选择一项)

A. 表单的样式
B. 表单提交方法
C. 表单提交地址
D. 表单名称
16) 在HTML中,开发网站的需求分析阶段,不需要重点关注的是()。【选择一项】
A. 访问者的场所及访问频率
B. 定位访问人群
C.确定网站内容
D.组建网站的目的
17) HTML中,如果需要在网页中显示图片flower.jpg,图片居中显示,提示文字内容是”花朵”,则正确的选项是()【选择一项】

A.	<img src=”flower.jpg” ait=”花朵” align=”middle”>
B.	<img src=”flower.jpg” align=”花朵” alt=”middle”>
C.	<img src=”flower.jpg” border=”花朵” alt=”middle”>
D.	<img src=”flower.jpg” src=”花朵” align=”middle”>
  1. 根据选择器表示所修饰的内容类别,CSS选择器分为标签选择器、( )、ID选择器。(选择一项)
    A. 元素选择器
    B. 类选择器
    C.图片选择器
    D.文字选择器

  2. 在CSS样式表中,设置页面背景图片,下列语法正确的是()。(选择一项)
    A. background:url(images/news.jpg) top left no-repeat #cccccc;
    B. background:link(images/news.jpg) top left no-repeat;
    C. background:url(images/news.jpg) top left repeat_x;
    D. background:src(images/news.jpg) top left repeat-x;

  3. 在HTML中,代码段如下:()(选择一项)

    <frameset bordercolor=”blue” cols=”25%,55%,*”border=”8”>
    <frame name=”sidebar” src=” sidebar.html”>
    <frame name=”content” src=”content.html”>
    <frame name=”quick_link” src=”quick_link.html”>
    </frameset>
    

A. 框架集从上到下分割为 sidebar, content, quick_link 3个窗口
B. 框架集背景色为蓝色。
C. frameset 的边框宽度为8px,并且包含4个html文件。
D. 代码中的“*”号表示占据剩余的宽度

二、问答题 每题10分

  1. 请简述HTML常用的四种局部布局结构。

  2. 请简述CSS的优势。

  3. 超链接的伪类有哪几种。

  4. 根据你的理解,什么是盒子模型?页面布局通常用盒子模型的属性有哪些?各包含哪些属性?

三、编程题 20分(每题10分)

  1. 请编写HTML代码实现如下图的表格。
    在这里插入图片描述

  2. 手写一个注册页面,如下图:(注:注册按钮的背景图片名称为:register.jpg)
    在这里插入图片描述

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值