:HTML代码填空(每空网页colspan5分,共30分)   
要求:
1、将以下HTML代码划线部分补充完整;
2、该网页要求支持简体中文;
3、标题为考生真实姓名;
4、三行两列的表格,边框为1个像素;
5、表格第一行合并两个单元格,内容居中显示
6、该网页保存为test1.htm,并浏览网页,按ALT+Print Screen键截图,粘贴到指定位置上。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>考生姓名</title>
</head>
<body>
  <table border=1 width="100%">
<tr>
       
<td width="100%" colspan=2>
<p align=center>Text</td>
</tr>
<tr>
<td width="50%">Text</td>
    <td width="50%">Text</td>
</tr>
<tr>
    <td width="50%">Text</td>
    <td width="50%">Text</td>
</tr>
</table>
</body>
</html>
运行后的结果粘贴为下方文本框中:
HTML代码改错题 (每处6分,共 30 )
要求:
1、参照图2将划线语句中错误纠正;
2、该网页为表单的应用;
3、标题为单行文本;
4、内容为多行文本;
5、发布信息按钮的行为为提交;
6、全部重写按钮的行为为重置。
7、该网页保存为test2.htm,浏览网页,按ALT+Print Screen键截图,粘贴到指定位置上。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>标题</title>
</head>
<body>
<form action="POST" method="">
  <p align="center">标题:
<input type="radio" name="T1" size="56">
</p>
  <p align="center">
<select rows="6" name="S1" cols="60">内容:</select>
</p>
  <p align="center">
<input type="reset" value="发布信息" name="B1">
<input type="submit" value="全部重写" name="B2">
</p>
</form>
</body>
</html>
改错:
改为: <form method=”POST” action=””>
改为:<input type="text" name="T1" size="56">
改为:<textarea rows="6" name="S1" cols="60">内容:</textarea>
改为:<input type="submit" value="发布信息" name="B1">
改为:<input type="reset" value="全部重写" name="B2">
三,网页制作上机考试题《第3题》
1 使用网页制作工具FrontpageDreamweaver设计网页;
2 网页支持简体中文,动态排列,标题为:我的个人网页;(5分)
3 网页背景为淡蓝,代码为:#66CCFF5分)
4 正文标题文字要求加粗,黑体,6号字;(5分)
5 栏目有我的生活,我的空间,我的图片对应的超级链接分别是jl.htmsh.htm
kj.htmtp.htm;(15分)
6 设置超级链接文本的字体为宋体,白,3号字,无下划线,鼠标移入时改变为红并出现下划线。(10
7.具体内容如图
:
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=gb2312">
<title>我的个人网页</title>
<style type="text/css">
<!--
body,td,th {
font-family: 黑体;
font-size: 6pt;
color: #000000;
font-weight: bold;
}
body {
background-color: #66CCFF;
}
.style3 {font-size: 6em}
a {
font-family: 宋体;
font-size: 3pc;
color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>

<body>
<div align="center" class="style3">
  <p> 我的个人网页 </p>
  <p><a href="1.htm">我的生活</a> <a href="sh.htm"> 我的空间</a> <a href="tp.htm">我的图片</a></p>
</div>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。