<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业1</title>
<link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css">
</head>
<body>
<div class="container" style="width:400px;margin-top: 40px">
<form action="#">
<div id="c">
<div style="text-align: center;font-size: 25px">
<div>账号登录</div>
</div>
<div class="form-group">
<label for="id"></label>
<input type="text" value="请输入邮箱或手机号" class="form-control" id="id">
</div>
<div class="form-group">
<label for="password"></label>
<input type="text" value="请输入密码" class="form-control" id="password">
</div>
<div class="checkbox">
<label>
<input type="checkbox">7天内自动登录
</label>
<div style="float: right">忘记密码</div>
</div>
<input type="submit" value="登 录" class="btn btn-primary btn-block">
</div>
</form>
</div>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019091021491292.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ltcGFuY3k=,size_16,color_FFFFFF,t_70)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业2</title>
<link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="jquery-3.4.1.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">一个学院管理界面</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">学员管理</a></li>
<li><a href="#">教师管理</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
其他管理
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">其他1</a></li>
<li><a href="#">其他2</a></li>
<li><a href="#">其他3</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<table class="table table-bordered">
<thead>
<tr>
<td>学号</td>
<td>姓名</td>
<td>班级</td>
<td>学院</td>
<td>管理</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>电信</td>
<td><input type="submit" value="删除" class="btn btn-danger">
<input type="submit" value="修改" class="btn btn-default">
<input type="submit" value="编辑" class="btn btn-primary">
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>电信</td>
<td><input type="submit" value="删除" class="btn btn-danger">
<input type="submit" value="修改" class="btn btn-default">
<input type="submit" value="编辑" class="btn btn-primary">
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>电信</td>
<td><input type="submit" value="删除" class="btn btn-danger">
<input type="submit" value="修改" class="btn btn-default">
<input type="submit" value="编辑" class="btn btn-primary">
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>电信</td>
<td><input type="submit" value="删除" class="btn btn-danger">
<input type="submit" value="修改" class="btn btn-default">
<input type="submit" value="编辑" class="btn btn-primary">
</td>
</tr>
</tbody>
</table>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190910214947496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ltcGFuY3k=,size_16,color_FFFFFF,t_70)