<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>计算机布局</title>
</head>
<body>
<table border="4px" width="50px" height="100px" align="center" >
<caption></caption>
<tr >
<td height="60px" colspan="4" bgcolor="#ffcccc">
<img src="img/logo.bmp"/>
</td>
</tr>
<tr>
<td border="2px" colspan="4" width="50px" height="70px" ></td>
</tr>
<tr>
<td>
<table cellspacing="100px" cellpadding="15px" border="2px" bgcolor="#ffcccc">
<tr width="100px" height="5px" border="2px" bgcolor="#ffcccc" align="center">
<th>1</th>
<th>2</th>
<th>3</th>
<th>+</th>
</tr>
<tr bgcolor="#ffcccc" align="center">
<td>4</td>
<td>5</td>
<td>6</td>
<td>-</td>
</tr>
<tr bgcolor="#ffcccc" align="center">
<td>7</td>
<td>8</td>
<td>9</td>
<td>*</td>
</tr>
<tr bgcolor="#ffcccc" align="center">
<td>0</td>
<td>=</td>
<td>CE</td>
<td>/</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
</body>
</html>运行结果：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
<style type="text/css">
body{text-align: center;}
fieldset{
width: 400px;
height: 180px;
}
</style>
</head>
<body>
<form align="center">
<fieldset>
<legend align="center">登录页面</legend>
用户名:<input type="text" name="user"/>
<br />
密 码:<input type="password" name="password"/>
<br />
类型：
<input type="radio" name="sex" value="male" checked/>管理员
<input type="radio" name="sex" value="female"/>普通用户
<br />
<input type="checkbox" name="n1" value="remember password"/>记住密码
<input type="checkbox" name="n2" value="automatic logon"/>自动登录
<br />
<td align="center">
<input type="submit" name="submit" value="提交"/>
<input type="reset" name="reset" value="重置"/>
</td>
</fieldset>
</form>
<body>
</body>
</html>运行结果：
