第三章习题

最新推荐文章于 2024-09-30 15:42:36 发布

月亮里的橘子猫

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量114

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/2303_80888494/article/details/142619625

版权

1.采用表格布局完成“CASIO计算机”外观设计，其中表格的每一个单元格均需要设计带边框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算机布局</title>
	</head>
	<body>
		<table width="300px" border="3" align="center">
			<tr>
						<td width="100%" border="1"bgcolor=#c0c0c0 height="30%" align="center">
							<img src="img/casio.bmp" align="left"/>
						</td>
			</tr>
			<tr height="100" width="100">
				<td></td>
			</tr>
				<tr>
					<td width="350" >
						<table cellpadding="0.2px" cellspacing="15px" width="100%" height=70% border="1" align="center" bgcolor=#c0c0c0>
								<tr align="center" valign="middle" >
									<td>1</td>
									<td>2</td>
									<td>3</td>
									<td>+</td>
								</tr>
								<tr align="center" valign="middle" >
									<td>4</td>
									<td>5</td>
									<td>6</td>
									<td>-</td>
								</tr>
								<tr align="center" valign="middle">
									<td>7</td>
									<td>8</td>
									<td>9</td>
									<td>*</td>
								</tr>
								<tr align="center" valign="middle" >
									<td width="25%">0</td>
									<td width="25%">=</td>
									<td width="25%">CE</td>
									<td width="25%">/</td>
									</tr>	
							</table>
						</td>
					</tr>
		</table>
	</body>
</html>

2.编写“登录界面”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form>
			<fieldset>
				<table width="100%" border="0" align="center" cellpading="0"cellspacing="0">
					<tr>
						<td width="200" align="right">用户名：</td>
						<td><input type="text" name="textfield" id="textfield"/></td>
					</tr>
					<tr>
						<td width="200" align="right">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</td>
						<td><input type="password" name="textfield2" id="textfield2"/></td>
					</tr>
					<tr>
						<td winth="200" align="right">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型：</td>
						<td><input type="radio" name="identity" value="administrators"/>管理员
						<input type="radio" name="identity" value="user"/>普通用户</td>
					</tr>
					<tr>
						<td winth="200" align="center" colspan="2" >
						<input type="checkbox" name="n1"/>	记住密码
						<input type="checkbox" name="n2" />自动登录
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
						<input type="submit"/>
						<input  type="reset"/>
						</td>
				</tr>
			</fieldset>
		</form>
	</body>
</html>