系别 专业（班级） 姓名 学号
………………………密……………………封…………………………装…………………订………………………线………………………
武夷学院期中考试试卷一、选择题网页设计html代码大全颜：（本大题共10小题，每小题2分，共20分）
1、网页设计技术一般不涉及【 c 】。
A、HTML B、CSS C、SEO D、JavaScript
2、以下哪个标签不能放置在<head>标签中【 c 】
A、<script> B、<style> C、<table> D、<link>
3、HTML中的空格用【b】表示。
A、©； B、 ； C、&； D、®；
4、以下哪种图片格式不是网页的常用图片格式。【 d 】
A、JPG B、PNG C、GIF D、BMP
5、超级链接有多种打开方式，其中<a target=”_blank”>表示【 b 】
A、自我覆盖
B、创建新窗口打开新页面
C、在浏览器的整个窗口打开，忽略框架
D、在上一级窗口打开
6、表格的水平对齐方式使用align属性，若要实现中间对齐，应取值为【 d 】。
A、left B、right C、middle D、center
7、插入单选按钮的HTML代码为【 b 】。
A、<input type=“reset”/> B、<input type=“radio”/>
C、<input type=“password”/> D、<input type=“checkbox”/>
8、以下哪个不是CSS基本选择器【 d 】。
A、标签选择器 B、类别选择器 C、ID选择器 D、后代选择器
9、CSS中，设置边框属性为border-width:1px 2px 3px;其中第二个值表示【 c】。
A、上下边框宽度 B、上下边框样式
C、左右边框宽度 D、左右边框样式
10、插入图像的标签<img>中，src属性用于设置【 a 】。
A、图片的路径 B、提示文字
C、边框粗细 D、以上都不对
得分 | 评卷人 |
二、填空题：（本大题共20个空，每空1分，共20分）
1、HTML的中文全称为【超文本标记语言】，其用于定义网页的【结构（内容）】。
2、HTML标签分为单标签和双标签，<hr>为【单标签】，<title>为【双标签】。
3、HTML中的代码注释可使用【】或【<!>】。
4、HTML中，可使用<font>标签进行文字样式设置，设置字体用【face】属性，设置文字颜用【color】属性。
5、<marquee>标签用于设置滚动文字，其中，设置文字滚动方向用【direction】属性，设置内容滚动的时间间隔用【scrolldelay】属性。
6、HTML中，定义无序列表用【<ul>】，定义有序列表用【<ol>】。
7、超链接标签<a>中，创建指向另一个文档的链接用【href】属性，创建锚用【name】属性。
8、各种CSS选择器都有其命名规则，.red为【类别】选择器，#main为【ID】选择器。
9、盒子模型中，表示内边距的属性为【padding】，表示外边距的属性为【margin】。
10、盒子的浮动用【float】属性，盒子的定位用【position】属性。
得分 | 评卷人 |
三、判断题：（本大题共10个小题，每题1分，共10分）
1、CSS用于制作网页特效和控制交互操作。【×】
2、一个结构完整的HTML文档就是一个网页。【√】
3、双标签中的属性设置必须放置在结束标签中。【×】
4、<hr>标签用于强制换行。【×】
5、在表格中，用bgcolor设置背景。【√】
6、可以同时给一个标签运用多个class选择器。【√】
7、当一个标签有多种样式可选择时，类别样式的优先级高于ID样式。【×】
8、CSS的代码注释用 /*...*/。【√】
9、盒子模型中，不能单独设置某一条边框的属性。【×】
10、两个相邻行内元素的距离为第一个元素的margin-left加上第二个元素的margin-right。【×】
得分 | 评卷人 |
四、简答题：（本大题共5小题，每题5分，共25分）
1、简述HTML文档的基本结构。
答：（1）文档类型声明，用来说明页面所使用的HTML的版本；（2）<html>标签，它表示该文档是以超文本标记语言编写的；（3）<head>标签，是所有头部标签的容器；（4）<body>标签，用来定义页面所要显示的内容。
2、简述如何在HTML文档中使用CSS。
答：（1）行内式：直接对标签使用style属性，然后将CSS代码直接写入其中。（2）内嵌式：将CSS写在<head>与</head>之间，并且用<style>与</style>进行声明。（3）链接式：将HTML页面与CSS分离为两个文件，用<link>标签进行链接。
3、简述后代选择器与子选择器的区别。
答：后代选择器产生的影响不仅限于元素的直接后代，而且会影响到它的各级后代。子选择器只影响直接后代，而不会影响间接后代元素。
4、对盒子的边框属性值进行简写，两个属性值和四个属性值分别代表什么意思？
答：如果给出2个属性值，那么前者表示上下边框的属性，后者表示左右边框的属性。如果给出4个属性值，那么依次表示上、右、下、左边框的属性，即顺时针排序。
5、简述在标准流中的盒子定位原则。
答：当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right加上第二个元素的margin-left。两个竖直排列块级元素之间的距离不是margin-bottom与margin-top的和，
而是两者中的较大值。嵌套盒子之间形成父子关系，其中子块的内容将以父块的内容为参考，子块与父块边框的距离为子块的margin加上父块的内容高度（或宽度）加上父块的padding。
得分 | 评卷人 |
五、程序设计题：（本大题共25分）
1、如图一所示，该页面包含两个段落和一条水平横线，第二段分两行，第二行前面空2个字符。请写出完整的HTML代码。（本题7分）
评分标准：（1）写出完整的结构2分，（2）每个段落各1分，（3）水平横线1分，（4）换行1分，（5）正确的缩进1分。
图一
<html>
<head><title>第一题</title></head>
<body>
我的梦，中国梦<hr>
开展爱国主义教育
<br> 主题系列活动</br>
</body>
</html>
2、如图二所示，该页面是一个表格，表格边框的宽度为1px，颜为蓝，其包含一个标题，一个横向表头组，一个表尾组，表格内容有两行，分别为课程名称和学分，每行的第
一列为表头元素。请写出表格对应的HTML代码。（本题9分）
评分标准：（1）表格结构1分，（2）标题1分，（3）表头组2分，（4）表尾组1分，位置错误不得分，（5）表格内容每行1分，无设置表头元素扣0.5分，（6）表格边框属性设置2分。
图二
<html>
<head>
<title> 课程表</title>
</head>
<body>
<table border="1" bordercolor="blue" >
<caption>课程表</caption>
<thead>
<th>栏目</th><th>c1</th><th>c2</th><th>c3</th>
</thead>
<tfoot><tr><td>2012旅游管理3+2班课程表</td></tr></tfoot>
<tr>
<th>课程名称</th>
<td>网页设计</td>
<td>饭店管理</td>
<td>旅行社实务</td>
</tr>
<tr>
<th>学分</th>
<td>2学分</td>
<td>3学分</td>
<td>3学分</td>
</tr>
</table>
</body>
</html>
3、如图三所示，用CSS设置标题<h1>格式：（1）蓝底白字；（2）标题居中；（3）内边距为15px；设置图片向左浮动，设置正文文本格式：（1）大小为12px；（2）段首空2个字符；（3）行间距为1.5倍；（4）外边距为5px。（本题9分）
图三
<html>
<head>
<title> CSS</title>
<style type="text/css">
h1{color:white;
background-color:blue;
padding:15;}
.a1{float:left;padding:1px; margin:5px; }
p{font-size:12px;
line-height:25px;
text-indent:30px;}
</style>
</head>
<body>
<div>
<div>
<center><h1>互联网发展的起源</h1><center>
</div>
<div class="a1">
<img src="aa.jpg" width="180" height="180" />
</div>
<p>
表示笑或微笑的意思，是笑声的拟声词。这是笑容中最普通的一种，给人莫测高深的感觉。你搞不清楚对方是喜，是悲，是怒，还是乐，最後你只好仰慕他，敬佩他，但他还是没感觉，还是会给你一个让人近乎崩溃的：呵呵~有时候没有话说，或者对对方的话表示赞同的时候也常发出一两声呵呵的笑声。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论