day05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
<style>
a {
margin-left: 50px;
}
dd {
margin-left: 20px;
}
dt {
margin-left: 20px;
}
</style>
</head>
<body>
<div style="background-color: black;color:silver">
<a href="">Bootstrap中文网</a>
<a href="">Bootstrap2中文文档</a>
<a href="">Bootstrap3中文文档</a>
<a href="">Bootstrap4中文文档</a>
<a href="">Less教程</a>
<a href="">JQUERY API</a>
<a href="">网站示例</a>
<a href="" style="float: right">关于</a>
</div>
<div style="width: 1300px">
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
<div style="width: 300px;margin-left: 100px;margin-top: 100px;float: left">
<img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.3/dist/img/expo.png" alt="">
<dl >
<dd><a href="" style="margin-left: 40px"></a>优站精选</dd>
<dt style="margin-left: 40px;">Bootstrap 网站实例</dt>
<dt>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</dt>
</dl>
</div>
</div>
</body>
</html>
day06作业
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
<script src="jquery-3.4.1.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div>
<span style="float: left;margin-left: 50px;font-size: 20px;">一个学院管理界面</span>
<span style="float: left;margin-left: 50px;font-size: 20px;">学院管理</span>
<span style="float: left;margin-left: 50px;font-size: 20px;">教师管理</span>
</div>
<div class="dropdown" style="margin-left: 50px">
<button class="bnt dropdown-toggle" data-toggle="dropdown" style="margin-left: 50px">
其他管理<span class="caret"></span>
</button>
<ul class="dropdown-menu" style="margin-left: 450px">
<li class="dropdown-header"> 其他1</li>
<li class="dropdown-header"> 其他2</li>
<li class="dropdown-header"> 其他3</li>
</ul>
</div>
<table class="table table-striped table-bordered table-hover">
<thead style="margin: 100px auto">
<tr>
<th>学号</th>
<td>姓名</td>
<td>班级</td>
<td>学院</td>
<td>管理</td>
</tr>
</thead>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td>
<button>删除</button>
<button>修改</button>
<button>编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td>
<button>删除</button>
<button>修改</button>
<button>编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td>
<button>删除</button>
<button>修改</button>
<button>编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td>
<button>删除</button>
<button>修改</button>
<button>编辑</button>
</td>
</tr>
</table>
</body>
</html>