第三章作业

最新推荐文章于 2024-09-28 19:02:04 发布

小沐在学习

最新推荐文章于 2024-09-28 19:02:04 发布

阅读量195

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/2301_81614658/article/details/142577088

版权

题目一：做CASIO计算机页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>计算器布局</title>
		
	</head>
	<body>
		<table align="center" width=400px border="3" bgcolor="#88bbff" frame="hside" rules="all">
			<tr>
				<td>
					<img align="left" width="150px" height="50px" src="img/c.bmp"/>
				</td>
			</tr>
			<tr>
				<td bgcolor="#ffffff" border="3" frame="hside" width="400" height="100" valign="middle" align="center"><br/></td>
			</tr>
			<table align="center" width="400px" border="3" cellspacing="18px" cellpadding="24px" bgcolor="#88bbff">				
				<tr>
					<td align="center">1</td>
					<td align="center">2</td>
					<td align="center">3</td>
					<td align="center">+</td>
				</tr>
				<tr>
					<td align="center">4</td>
					<td align="center">5</td>
					<td align="center">6</td>
					<td align="center">-</td>
				</tr>
				<tr>
					 <td align="center">7</td>
					<td align="center">8</td>
					<td align="center">9</td>
					<td align="center">*</td>
				</tr>
				<tr>
					<td align="center">0</td>
					<td align="center">=</td>
					<td align="center">CE</td>
					<td align="center">/</td>
				</tr>
			</table>
		</table>
	</body>
</html>

题目二：做登录页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>	
		<style type="text/css">
		body{text-align:center;}
		fieldset{
		width:400px;
		}
		</style>
	</head>
	<body>
		<form name="form1" method="post">
			<fieldset>
				<legend>登录页面</legend>
				<tr>
					用户名：
					<td>
						<input type="text" name="name"/></br>
					</td>
				</tr>
				<tr>
				密&nbsp;&nbsp;&nbsp;&nbsp;码：
					<td>
						<input type="text" name="name" /></br>
					</td>
				</tr>
				类&nbsp;&nbsp;&nbsp;&nbsp;型：
					<td>
						<input type="radio" name="r1" value="v1"/>男
						<input  type="radio" name="r1" value="v1"/>女</br>
					</td>
				</tr>
				<tr>
					<input type="checkbox"/ name="c1" value="v1">记住密码
					<input type="checkbox" name="c2" value="v2"/>自动登录</br>
				</tr>
				<tr>
					<input type="button" name="b1" value="提交"/>
					<input type="button" name="b2" value="重置"/>
				</tr>
				
			</fieldset>
		</form>
	</body>
</html>