第三章习题-优快云博客

本文链接：https://blog.youkuaiyun.com/2402_87184057/article/details/142530406

1.用表格设计“CASIO计算器”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>计算机布局</title>
	</head>
	<body>
	<table width="700" height="80"border="2" rules="none" bgcolor="darkgray">
			<tr>
			<td>
			<img src="img/casio.bmp"/>
			</td>
			<tr/>
			</table>
		<table border="2"width="700" height="150">
			<tr>
				<td></td>
			</tr>
			<table border="2" width="700" height="100" cellpadding="20px" cellspacing="50px"bgcolor="darkgray">
				<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>+</td>
				</tr>
				<tr>
					<td>4</td>
					<td>5</td>
					<td>6</td>
					<td>-</td>
				</tr>
				<tr>
					<td>7</td>
					<td>8</td>
					<td>9</td>
					<td>*</td>
				</tr>
				<tr>
					<td>0</td>
					<td>=</td>
					<td>CE</td>
					<td>/</td>
				</tr>
			</table>
		</table>
		
	</body>
</html>

2.用表单设计“登录页面”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录页面</title>
	</head>
	<style type="text/css">
		fieldset{
			width: 400px;
			height: 180px;
		}
	</style>
	<body>
		<form name="form1" method="post"
		action=""enctype="text/plain">
		<fieldset>
			<legend align="middle">登录页面</legend>
		用户名：<input type="text" name="user"/><br />
		密码：<input type="password" name="password"/><br />
		类型：
			<input type="radio" name="n1" value="administer" />管理员
			<input type="radio" name="n1" value="normal user" />普通用户<br />
			<input type="checkbox" name="n1" value="jzmm" />记住密码
			<input type="checkbox" name="n1" value="zddl" />自动登录<br />
			<input type="submit" name="submit"value="提交"/>
			<input type="reset" name="reset"/>
			</form>
			</fieldset>

	</body>
</html>