<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算器布局</title>
<style>
body{font-size:36px;}
</style>
</head>
<body>
<h4 align="center">计算器布局</h4>
<table width="660px" border="3" align="center" bordercolor="#000000" bgcolor="#808080">
<tr>
<td height="50">
<img src="img/a.bmp" height="46.5" width="204" align=""/>
</td>
</tr>
<tr>
<td>
<table width="100%" border="1" bordercolor="#000000" bgcolor="#ffffff">
<tr align="center">
<td height="150"></td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>
<table width="100%" border="2" cellspacing="50px" bordercolor=“#000000”>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>+</th>
</tr>
<tr>
<th>4</th>
<th>5</th>
<th>6</th>
<th>-</th>
</tr>
<tr>
<th>7</th>
<th>8</th>
<th>9</th>
<th>*</th>
</tr>
<tr>
<th>0</th>
<th>=</th>
<th>CE</th>
<th>/</th>
</tr>
</table>
</td>
</tr>
</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>
<fieldset>
<legend align="middle">登录页面</legend>
<tr>
用户名:<input type="text" name="name" /><br />
</tr>
<tr>
密 码:<input type="text" name="name" /><br>
</tr>
<tr>
类 型:
<td><input type="radio" name="guangli" />管理员
<input type="radio" name="putong" />普通用户<br />
<input type="checkbox" name="n1">记住密码
<input type="checkbox" name="n2">自动登录<br />
</td>
</tr>
<tr>
<input type="submit" name="button" value="提交" />
<input type="reset" name="button2" value="重置" />
</tr>
</fieldset>
</form>
</body>
</html>