

附:网页源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>响应式网页设计与制作</title>
<style type="text/css">
.p{
font-family:"华文新魏";
font-size:24px;
}
</style>
<style type="text/css">
#table{
text-align:center;
border:1px solid #000;
border-style:none;
padding:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
}
</style>
<style type="text/css">
#a1{
width:300px;
height:50px;
background:orange;
}
#a2{
float:left;
width:100px;
height:100px;
background:indianred;
}
#a3{
margin-left:100px;
width:100px;
height:50px;
background:pink;
}
#a4{
width:100px;
height:50px;
background:deepskyblue;
margin-left:100px;
}
#a5{
width:100px;
height:100px;
background:lightgreen;
float:right;
margin-right:1050px;
}
#a6{
width:300px;
height:50px;
background:lightblue;
}
</style>
</head>
<body>
<p class="p">《响应式网页设计与制作--HTML5和CSS3》期末考试B卷</p>
<p>1.在HTML网页中,完成诸如下图的表格,并填入表格中的数据;</p>
<table border="1" cellpadding="0" cel
lsp
acing="0" id="table">
<tr>
<td rowspan="2" td>序号</td>
<td rowspan="2">姓名</td>
<td rowspan="2">工号</td>
<td colspan="5">款项(单位:元)</td>
<td rowspan="2">实发工资</td>
</tr>
<tr>
<td>基本工资</td>
<td>绩效工资</td>
<td>津贴</td>
<td>五险一金</td>
<td>工资</td>
</tr>
<tr>
<td>1</td>
<td>樊 晨</td>
<td>S011012</td>
<td>1500</td>
<td>2700</td>
<td>200</td>
<td>-500</td>
<td>-10</td>
<td>3890</td>
</tr>
<tr>
<td>2</td>
<td>李璐璐</td>
<td>W011012</td>
<td>1500</td>
<td>2800</td>
<td>200</td>
<td>-500</td>
<td>-10</td>
<td>3990</td>
</tr>
<tr>
<td>3</td>
<td>许海松</td>
<td>P011012</td>
<td>1500</td>
<td>2800</td>
<td>200</td>
<td>-500</td>
<td>-10</td>
<td>3990</td>
</tr>
</table>
<span style="font-family:楷体;">要求:不允许通过设置table标签的属性完成煤只能通过css来设定元素样式。<br />
表格及其单元格边框的样式为:1像素,实线,黑色。单元格内容与单元格<br />四周边框的距离为5像素。</span>
<p>2.在HTML网页中,完成诸如下图的布局。图中色块请用DIV或P元素表示。色块样式分别为:<br />
<div id="a1">300×50,orange</div>
<div id="a2">100×50<br />indianred</div>
<div id="a5">100×100,<br />lightgreen</div>
<div id="a3">100×50<br />pink</div>
<div id="a4">100×50<br />deepskyblue</div>
<div id="a6">300×50,lightblue</div>
</body>
</html>