第三章作业

荒谷

已于 2024-09-26 18:36:08 修改

阅读量116

点赞数 2

文章标签：笔记

于 2024-09-26 18:33:49 首次发布

本文链接：https://blog.csdn.net/xx1298016759/article/details/142568454

版权

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>计算机布局</title>
	</head>
	<body>
	<table width="900" height="80"border="2" rules="none" bgcolor="darkgray">
			<tr>
				
				<td>
					<img src="img/casio.bmp">
				</td>
			<tr/>
			</table>
		<table border="2"width="900" height="150">
			<tr>
				<td></td>
			</tr>
			<table border="2" width="900" height="100" cellpadding="30px" cellspacing="60px"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 lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
</head>
<body>
<form >
    <fieldset>
        <legend align="center">登录界面</legend>
        <p align="center">用户名:<input type="text" maxlength="25"></p>
        <p align="center">密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" maxlength="25"></p>
        <p align="center">类型:<input type="radio" name="user">管理员 <input type="radio" name="user">普通用户</p>
        <p align="center"><input type="checkbox">记住密码 <input type="checkbox">自动登录</p>
        <p align="center"><input type="submit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset"></p>
    </fieldset>
</form>
</body>
</html>