一: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、 使用网页制作工具Frontpage或Dreamweaver设计网页; 2、 网页支持简体中文,动态排列,标题为:我的个人网页;(5分) 3、 网页背景为淡蓝,代码为:#66CCFF;(5分) 4、 正文标题文字要求加粗,黑体,6号字;(5分) 5、 栏目有我的生活,我的空间,我的图片对应的超级链接分别是jl.htm、sh.htm 、kj.htm、tp.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小时内删除。
发表评论