HTML测试题及答案

在网页中常用的图像格式有（）。（选择一项）

A. JPG和GIF
B. JPG和PSD
C. PSD和BMP
D. PNG和SWF
答案：（A）

在HTML的标签中，css属性的取值不能是（）。

A. font-size用来设置文本的字体大小
B. text-align用来设置对齐方式
C. font-type用来定义字体类型
D. font-weight用来定义字体的粗细
答案（B）
css样式中，字体属性有以下几种：
p{
font-size:50px; /字体大小/
line-height: 30px; /行高/
font-family:幼圆,黑体; /字体类型：如果没有幼圆就显示黑体，没有黑体就显示默认/
font-style:italic ; /斜体/
font-weight:bold; /粗体：属性值写成bolder也可以/
font-variant:small-caps; /小写变大写/
}


## 在HTML中，表单中的input元素的type属性值不可以是（ ）。（选择一项）
A. password
***B. radiobutton***
C. text
D. submit
**注：**
button  定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox    定义复选框。
file    定义输入字段和 "浏览"按钮，供文件上传。
hidden  定义隐藏的输入字段。
image   定义图像形式的提交按钮。
password    定义密码字段。该字段中的字符被掩码。
radio   定义单选按钮。
reset   定义重置按钮。重置按钮会清除表单中的所有数据。
submit  定义提交按钮。提交按钮会把表单数据发送到服务器。
text    定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
**radiobutton：单向选择按钮**
## 在HTML中，使用（ ）标签可以实现在页面上添加一条水平线
A.<br/>
B.<br><br/>
C.<hr/>
D.<hr><hr/>
**答案：（C）**## 5）在HTML中，若实现点击超链接时，弹出一个新的网页窗口，下面（ ）选项符合要求。A.    <a href="reight.html" target= "_blank">节目</a>
B.  <a href="reight.html" target="_parent">节目</a>
C.  <a href="reight.html" target="_top">节目</a>
D.  <a href="reight.html" target="_self">节目</a>
**答案：（A****）**
1._blank <a href="document.html" target="_blank">my document</a> 浏览器会另开一个新窗口显示document.html文档
2._parent <a href="document.html" target="_parent">my document</a> 指向父frameset文档
3._self <a href="document.html" target="_self">my document</a> 把文档调入当前页框
4._top <a href="document.html" target="_top">my document</a> 去掉所有页框并用document.html取代## 在HTML中，以下（）可以显示版权符号。（选择一项）A. ©
B. "
C.>
D.<
**答案：（A）**
注：HTML版权符号其实有好几种办法，就像我们刚开始的时候，通常都是通过word的符号插入来打出©HTML版权符号，然后将其复制粘贴到需要的地方（frontpage、dreamweaver等软件都可以使用此方法打出HTML版权符号）。
在HTML中，要实现如图所示的表格效果，则横线处应填写（）。
<table border=”1”> <tr><td _**_border_**____=”2” align=”center”>成绩单</td></tr><tr><td>Java</td><td>C#</td><tr><td>100</td><td>80</td></tr>
</table>  （选择一项）
**在HTML中,以下属性值中background-repeat图平铺的是（A）**。   (选择一项)
A.  repeat
B.  no-repeat
C.repeat-x
D.repeat-y
**在HTML中，关于浏览器兼容性的说法，错误的是（） （选择两项）**
A.  网站的兼容性职能依靠CSS hack 方法来补救，没有其他避免的方法
B.  编写CSS hack 的思路是根据浏览器识别的特殊符号以及CSS代码的先后循序，设置浏览器相应的CSS样式
C.  IE7.0/IE8.0下编写的CSS hack 和有无文档声明无关
D.  如果确定网站的访问者都是IE8.0或允许在用的计算机上安装IE8.0，则不需要考虑和Firefox等浏览器的兼容性问题**在HTML中，以下框架集的（B）属性可以上下分割窗口。    （选择一项）**
A.  row
B.  rows
C.col
D.cols**在HTML中，以下属性中控制字体样式的是（C）。   (选择一项)**
A.  text-align
B.  text-decoration
C.font-family
D.ine-height**在HTML中，关于div-dl-dt-dd默认的样式，说法正确的是（AB）。    （选择两项**）A.    <dl>有默认的上下外边距
B.  div-dl-dt-dd的布局适合于一图多文混编或二级导航菜单
C.<dd>没有默认左外边距
D.预先设置id，dd{margin：0px;}可以清除相关边距
1
2
3
4
**在HTML中，正确显示标题的结构是（C）。    （选择一项）**```css
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>
1

2
3
4
在HTML中，已知test.html和images在D盘根目录下，flower.jpg在images文件中，在test.html中插入图片flower.jpg语句正确的是（AB）（选择两项）

A.   <img src=”../flower.jpg”>
B.  <img src=”../images/flower.jpg”>
C.  <img src=”images/flower.jpg”>
D.  <img src=”flower.jpg”>

在HTML中，以下在表单中添加隐藏域的语句正确的是（C）。（选择一项）

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=”看不见”/>

在HTML中，要通过无列表符号来实现横向排版的导航菜单，需要使用到的CSS属性是（AD）。（选择两项）
A. list-style
B. padding
C.z-index
D.float

阅读下面HTML代码，下面选项中说法错误的是（D）。

活到老，学到老

(选择一项)

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

Aspan{color:#000000;font-family:”宋体”; fontsize:14px}
Bp a{text-decoration:underline;font-size:14px;color:#FF3300;}
C.h2{color:#000000;font-family:”宋体”; fontsize:12px; float: left}
D#top{width:100%; height:120x; border:lpx solid#cccccc;}
1
2
3
4
对于下列index.html中代码的效果描述正确的是（ A）。
< 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样式代码说法正确的是（ AB）

a{ color:red;text-decoration:none;}
a:hover{color:blue;text-decoration:underline;}(选择两项)
1
2
A. 该CSS样式代码指定了当鼠标悬浮其上时，页面中的超链接字体为蓝色，有下划线
B. 该CSS样式代码指定了未访问时，页面中的超链接字体为红色，无下划线
C. 该CSS样式代码指定了当鼠标悬浮其上时，页面中的超链接字体为红色，无下划线
D. 该CSS样式代码指定了未访问时，页面中的超链接字体为蓝色，有下划线
14) 在HTML中，以下不属于float常用属性值的是（）（选择一项）
A. left
B. right
C.none
D.both
15) 下面form标签中的action属性用于设置（D）。

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

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”>

根据选择器表示所修饰的内容类别，CSS选择器分为标签选择器、（B ）、ID选择器。（选择一项）
A. 元素选择器
B. 类选择器
C.图片选择器
D.文字选择器

在CSS样式表中，设置页面背景图片，下列语法正确的是（B）。（选择一项）
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;

在HTML中，代码段如下：（D）（选择一项）