网页设计期末考试一个小问题

最新推荐文章于 2021-06-07 13:59:42 发布

seven0431

最新推荐文章于 2021-06-07 13:59:42 发布

阅读量164

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_46536449/article/details/110941124

版权

笔记专栏收录该内容

16 篇文章 1 订阅

订阅专栏

完成以下界面

在这里插入图片描述

<!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>

</head>
<body> 
	<div>
		<iframe id="header" src="header.html" scrolling="no"  width="100%" height="700px"></iframe>
	</div>
		<div id="content">
	<center>	
		<p style="font-size:24px;">按照下面图示的表单各项，请在本图片下编写HTML代码实现这个表单效果。</p>
			<p><a href="index.htm" style="background-color:#FF3399; font-size:24px">返回考试首页</a></p>
	<p style="font-size:40px;">我的表单</p>
	<img src="images/form.jpg"  />
<br>
<hr/>

 <form action="no" method="get">
 请在此处编写HTML代码实现上面这个表单效果
<div align="center">
	<h1>我的表单</h1>
	<form>
	账号：<input type="text"><br><br>
	密码：<input type="password"><br><br>
	爱好：<input type="checkbox">体育<input type="checkbox">唱歌<input type="checkbox">旅游<input type="checkbox">阅读<br><br>
	性别：<input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女<br><br>
	自我介绍：<textarea rows="10" cols="50"></textarea><br><br>
	地址：<select>
		<option>北京</option>
		<option>上海</option>
		<option>广州</option>
		<option>深圳</option>
		<option>河北</option>
		<option>天津</option>
		<option>重庆</option>
		<option>河南</option>
		</select><br><br>
		
    <input type="reset" name=“Reset1" value="提交">
          <input type="reset" name=“Reset1" value="重置">
 <button>按钮</button>
	</form>
	</div>
</form>
       
    </form>
	<div style="margin:10px;">	
	<center>
     		<iframe runat="server" src="footer.html" width="980" height="150" frameborder="0" scrolling="no"></iframe>
	</center>
	</div>		
</body>
</html>

``