章节练习3

最新推荐文章于 2024-10-18 11:25:50 发布

云芙

最新推荐文章于 2024-10-18 11:25:50 发布

阅读量339

点赞数 7

文章标签： html

本文链接：https://blog.csdn.net/2402_83227353/article/details/142601209

版权

1.计算机

<<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<title>计算器布局</title>
</head>
<body>
		<table border="5" cellpadding="5" width="50%" bgcolor="#8a8a8a">
		<tr height="50">
			<td colspan="4" align="left"><img src="img/aaa.bmp"/></td>
		</tr>
		<tr>
		    <td colspan="4" height="100" bgcolor="#fcfcfc"></td>
		</tr>
		<table border="5" cellpadding="5" cellspacing="30px" width="50%" bgcolor="#8a8a8a">
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>+</td>
			</tr>
			<tr height="65" align="center">
				<td>4</td>
				<td>5</td>
				<td>6</td>
				<td>-</td>
			</tr>
			<tr height="65" align="center">
				<td>7</td>
				<td>8</td>
				<td width="25%">9</td>
				<td>*</td>
			</tr>
			<tr height="65" align="center">
			<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>
		<style type="text/css">
			fieldset{
				width: 400px;
				height: 200px;
			}
		</style>
	</head>
	<body>
		<form align="center">
			<fieldset>
				<legend>登录页面</legend>
				用户名：<input type="text" name="name" /><br />
				密	码：<input type ="password" name="password"/><br/>
				类	型：
				<input type="radio" name="a1" value="manager"/>管理员
				<input type="radio" name="a2" value="user"/>普通用户<br />
				<input type="checkbox" name="a3" value="Rbpassword"/>记住密码
				<input type="checkbox" name="a4" value="register"/>自动登录<br />
				<input type="submit" value="提交"/>
				<input type="reset"/>
			</fieldset>
		</form>
	</body>
</html>