第三章作业 CASIO计算机外观设计、登录页面

天天向上㊤

已于 2024-09-26 20:54:15 修改

阅读量156

点赞数 2

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

于 2024-09-26 20:53:03 首次发布

本文链接：https://blog.csdn.net/2301_81123034/article/details/142577715

版权

1、CASIO计算机：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>计算机布局</title>
		
	</head>
	<body>
		<table width="500" border="4">
			<tr>
				<td bgcolor="#999999"><img src="img/CASIO.bmp"/></td>
			</tr>
			<tr>
						<td height="60px" ></td>
					</tr>
					<table width="500"border="4"cellpadding="10px"cellspacing="25px"bgcolor="#999999" >
						<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>

2、登录页面：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录页面</title>
		<style type="text/css">
			fieldset{
				width:400px;
			}
			body{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<form>
			<fieldset>
				<legend align="center">登录页面</legend>
				用户名:<input type="text" name="user"/><br />
				密&emsp;码:<input type="password" name="password"/><br />
				类&emsp;型:<input type="radio" name="style" value="manage"/>管理员
				<input type="radio" name="style" value="people"/>普通用户<br />
				<input type="checkbox" name="n1" value="jizhumima"/>记住密码
				<input type="checkbox" name="n2" value="zidongdenglu"/>自动登录<br />
				<input type="submit" name="button" id="button" value="提交"/>
				<input type="reset" name="button2" id="button2" value="重置"/>
			</fieldset>
		</form>
	</body>
</html>