HTML测试题

考试题 专栏收录该内容
14 篇文章 0 订阅

一、选择题

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

  1. 在网页中常用的图像格式有( )。(选择一项)
    A. JPG和GIF
    B. JPG和PSD
    C. PSD和BMP
    D. PNG和SWF
  2. 在HTML的标签中,css属性的取值不能是( )。(选择一项)
    A. font-size用来设置文本的字体大小
    B. text-align用来设置对齐方式
    C. font-type用来定义字体类型
    D. font-weight用来定义字体的粗细
  3. 在HTML中,表单中的input元素的type属性值不可以是( )。(选择一项)
    A. password
    B. radiobutton
    C. text
    D. submit
  4. 在HTML中,使用( )标签可以实现在页面上添加一条水平线。(选择一项)
    A.<br/>
    B.<br><br/>
    C.<hr/>
    D.<hr><hr/>
    

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>
  1. 在HTML中,以下()可以显示版权符号。(选择一项)
    A. ©
    B. "
    C.>
    D.<
  2. 在HTML中,要实现如图所示的表格效果,则横线处应填写()。
    <table border=1> 
        <tr>
    		<td _______=2” align=”center”>成绩单</td>
    	</tr>
    	<tr>
    		<td>Java</td>
    		<td>C#</td>
    	<tr>
    		<td>100</td>
    		<td>80</td>
    	</tr>
    </table>  (选择一项)
    

在这里插入图片描述
A. colspan
B. rowspan
C. cellspacing
D. cellpadding
8. 以下()能为网页添加标题”登录页面”。 (选择一项)

A.<title>登录页面</title>
B.<head>登录页面</head>
C.<body>登录页面</body>
D.<type>登录页面</type>
  1. 要实现为一个网站统一所有页面风格,则最好采用的CSS样式表类别是()(选择项)
    A. 行内样式表
    B. 内联样式表
    C.外部样式表
    D.以上三项都不对

  2. 在HTML中,要实现如下图所示的列表,正确的代码是()。(选择一项)
    体积小
    速度快

    A.	    
    	<ul type=”1”>
    		<li>体积小</li>
    		<li>速度快</li>
    	</ul>
    B.	
    <ol  type=”1”>
    	<li>体积小</li>
    	<li>速度快</li>
     </ol>
    C.	    	
    <ul>
    	<li>体积小</li>
    	<li>速度快</li>
    </ul>
    D.	     	
    <ol type=”1”>
    	<option >体积小</option >
    	< option >速度快</ option >
    </ol>
    
  3. 以下()能实现如下图所示效果的列表。(选择一项)
    在这里插入图片描述

    A.	季节选择:
    <select>
    		<option value=”1”>春天</option>
    		<option value=”1”>夏天</option>
    		<option value=”1”>秋天</option>
    		<option value=”1”>冬天</option>	
    	</select>	
    B.	季节选择:
    <select>
    		<option value=”1”>春天</option>
    		<option value=”2”>夏天</option>
    		<option value=”3”>秋天</option>
    		<option value=”4”>冬天</option>	
    	</select>	
    C.	季节选择:
    <select>
    		<li value=”1”>春天</ li >
    		< li value=”2”>夏天</ li >
    		< li value=”3”>秋天</ li >
    		< li value=”4”>冬天</ li >	
    	</select>	
    D.	以上三项都不对
    
  4. 在HTML中,要实现点击本页的“站长信箱”文本,给mast@163.com发送电子邮件,正确的代码是().(选择一项)

    A.	<a mailto=”mast@163.com”>站长信箱</a>
    B.	<a href=”mast@163.com”>站长信箱</a>
    C.	<a mailto=mast@163.com/a>站长信箱
    D.	<a link=”mast@163.com”>站长信箱</a>
    
  5. 在HTML中,下面关于CSS样式的说法不正确的是()。(选择一项)
    A. CSS代码严格区分大小写
    B. 每条样式规则使用分号隔开
    C. CSS样式实现了页面的美化
    D. CSS样式实现了内容与样式的分离,利于团队开发

  6. 在HTML中,如下图所示的框架布局样式的正确代码是()。(选择一项) 在这里插入图片描述

    A.	
    <frameset rows=”25%,*”>
    		 <frame src=”top.html” name=”top”>
    		 <frameset cols=”*,25%”>
    				<frame src=”left.html” name=”left”>
    				<frame src=”room.html” name=”main”>
    		 </frameset>
    </frameset>
    B.	
    <frameset rows=”25%,*”>
    		<frame src=”top.html” name=”top”>
    		<frameset rows=”25%,*”>
    				<frame src=”left.html” name=”left”>
    				<frame src=”room.html” name=”main”>
    		</frameset>
    </frameset>
    C.
    <frameset rows=”25%,*”>
    		<frame src=”top.html” name=”top”>
    		 <frameset cols=”25%,*”>
    				<frame src=”left.html” name=”left”>
    				<frame src=”room.html” name=”main”>
    		 </frameset>
    </frameset>
    D.	
    <frameset rows=”25%,*”>
    		<frame src=”top.html” name=”top”>
    		 <frameset rows=”25%,*”>
    			<frame src=”left.html” name=”left”>
    			<frame src=”room.html” name=”main”>
    		 </frameset>
    </frameset>
    
  7. 在HTML的body中有以下代码,横线部分分别插入()可以正确显示如图所示的内容。

    <table border=”1” cellspacing=”0”---①--->
        <tr---②---“>
    		<td---③---bgcolor=”#CCFFCC”>食堂菜谱</td>
    	</tr>
    	<tr align=”center”>
    		<td colspan=”3”>主食</td>
    		<td colspan=”3”>热菜</td>
    		<td colspan=”2”>凉菜</td>
    	</tr>
    	<tr>
    		<td>米饭</td><td>馒头</td><td>花卷</td><td>地三鲜</td>	
    		<td>红烧肉</td><td>木须肉</td><td>拍黄瓜</td><td>海带丝</td>
    	</tr>
    	</table>(选择一项)
    

在这里插入图片描述

A. ①cellpadding=”0”
②align=”right”
③rowspan=”3”
B. ①cellpadding=”0”
②align=”center”
③rowspan=”8”
C. ①cellpadding=”0”
②align=”right”
③colspan=”3”
D. ①cellpadding=”0”
②align=”center”
③colspan=”8”

  1. 在HTML中,页面hello,html上有图片star.jpg,如果要实现鼠标放在图片上时出现提示语”演唱会海报”的字样,则正确的语句是().(选择一项)

    A.	<img href=”images/star.jpg” alt=”演唱会海报”>
    B.	<img src=”images/star.jpg” title=”演唱会海报”>
    C.	<img href=”images/star.jpg” title=”演唱会海报”>
    D.	<img src=”images/star.jpg” alt=”演唱会海报”>
    
  2. 在HTML中,以下( )不属于超链接伪类。(选择一项)
    A. a:link
    B. a:hover
    C.a:hidden
    D.a:active

  3. 在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>
    
  4. 在HTML中,盒子模型的属性不包括( )。(选择一项)
    A. 边框
    B. 线条
    C. 外边距
    D. 内边距

  5. 在HTML中,关于表格布局的描述中,错误的是()。(选择两项)
    A. 先确定行列数并写出表格,然后再实现跨行跨列的单元格合并
    B. 表格布局适用于结构化数据显示和表单
    C. 用表格能实现所有布局,因此不需要学习其他块状结构布局
    D. 从技术实现角度,表格布局不支持表格多层嵌套

二、问答题 每题10分

  1. 请写出至少五个块级标签,并简述其和行级标签相比,有哪些特点。

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

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

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

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

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

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

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

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

抵扣说明:

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

余额充值