第三章习题

xzyxzyxzy66

于 2024-09-26 21:18:18 发布

阅读量147

点赞数 4

文章标签：前端

本文链接：https://blog.csdn.net/2301_80973106/article/details/142568099

版权

1.制作Casio计算器表格布局

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CASIO</title>
		<style td:width="70"align="center"border="2">
		</style>
	</head>
	<body>
		<table width="400"border="3"cellpadding="0"cellspacing="0"bgcolor="#ffffff">
			<tr>
				<td width="500"valign="middle"align="left"><img src="img/casio.bmp"></td>
			</tr>
			<tr>
				<td width="500"valign="middle"align="left"><br/><br/><br/></td>
			</tr>
			<table width="400"border="4"cellpadding="15px"cellspacing="30px"bgcolor="#ffffff">
				<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>
		<style type="text/css">
		body{
			text-align:center;
			}
		fieldset{
		width:400px;
		}
		</style>
	</head>
	<body>
		<form>
		<fieldset>
			<legend>登录页面</legend>
				<tr>
					用户名：<td><input name="username" type="text"/></td><br/>
				</tr>
				<tr>
					密&nbsp;&nbsp;码：
					<td><input type="password" name="password"/></td><br/>
				</tr>
				<tr>
					类&nbsp;&nbsp;型：
					<td><input type="radio" name="manager"/>管理员
						<input type="radio" name="useruser" />普通用户<br/>
						<input type="checkbox" name="remember"/>记住密码
						<input type="checkbox" name="auto"/>自动登录<br/>
					</td>
				</tr>
				<tr>
					<input type="submit" name="submit" value="提交"/>
					<input type= "reset" name="reset" value="重置"/>
				</tr> 
			</fieldset>
		</form>
	</body>
</html>