1.采用表格布局完成“CASIO计算器“外观设计,其中表格的每一个单元格均需要设计带边框
<!DO=YPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算机布局</title>
<style>
body{font-size:36px;}
</style>
</head>
<body>
<table width="500px" border="3" bordercolor="#000000" bgcolor="#909090" align="center">
<caption align="center">CASIO.计算机</caption>
<tr>
<td height="80">
<img src="img/77.bmp"/>
</td>
</tr>
<tr>
<td>
<table width="100%" border="1" bgcolor="#ffffff" >
<tr align="center">
<td height="120" ></td>
</tr>
</table>
</td>
</tr>
<tr >
<td>
<table width="100%" border="3" cellpadding="20px" cellspacing="30px">
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
<td>+</td>
</tr>
<tr align="center">
<td>4</td>
<td>5</td>
<td>6</td>
<td>-</td>
</tr>
<tr align="center">
<td>7</td>
<td>8</td>
<td>9</td>
<td>*</td>
</tr>
<tr align="center">
<td>0</td>
<td>=</td>
<td>CE</td>
<td>/</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
2.编写程序实现如图3-22所示的“登录页面”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<fieldset>
<legend align="center">登录页面</legend>
用户名:<input type="text" name="user"/><br />
密 码:<input type="password" name="password"/><br />
类 型:<input type="radio" value="administrator"/>管理员
<input type="radio" value="user" name="yonghu"/>普通用户<br />
<input type="checkbox" value="Remember the password." name="mima"/>记住密码
<input type="checkbox" value="Automatic login" name="denglu"/>自动登录<br />
<input type="submit" name="tijiao"/>
<input type="reset" name="chongzi"/>
</fieldset>
</body>
</html>