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 />
密 码:<input type="password" name="password"/><br />
类 型:<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>