网页第三章作业

2301_81371592

已于 2024-09-27 22:13:42 修改

阅读量63

点赞数 2

文章标签：前端 html

于 2024-09-27 22:00:03 首次发布

本文链接：https://blog.csdn.net/2301_81371592/article/details/142603139

版权

1.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算器布局</title>
	</head>
	<body>
		<table border="4" width="350px" height="300px" align="center" bgcolor="#fffff0">
			<tr>
				<td height="20px">
					&nbsp;<img src="img/jsj.bmp"/>
					<tr>
						<td height="80px"></td>
					</tr>
					<tr>
						<td height="200px">
							<table width="350px" border="2px" cellspacing="20px" style="table-layout: fixed;word-break: break-all;word-wrap: break-word;">
								<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>
						</td>
							</table>
					</tr>
				</td>
			</tr>
		</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;&nbsp;&nbsp;码：
				<td><input type="password" name="password"/></td><br/>
			</tr>
			<tr>
				类&nbsp;&nbsp;&nbsp;&nbsp;型：
				<td><input type="radio" name="gly"/>管理员
					<input type="radio" name="ptyh" />普通用户<br/>
					<input type="checkbox" name="jzmm"/>记住密码
					<input type="checkbox" name="zddl"/>自动登录<br/>
				</td>
			</tr>
			<tr>
				<input type="submit" name="submit" value="提交"/>
				<input type= "reset" name="reset" valule="重置"/>
			</tr> 
		</fieldset>
		</form>
	</body>
</html>