console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<title></title>
<style>
.header {
position:relative;
font-family: "宋体";
background-color: #777;
color: white;
}
.footer {
background-color: #444;
color: white;
}
.topmenu {
list-style-type: none;
overflow: hidden;
background-color: #777;
}
.left {
float:left;
border-right: 1px solid;
padding:2.8em 0em;
}
.container{
border-left: 1px solid;
line-height: 35px;
}
</style>
</head>
<body>
<div class="container">
<div class="header"">
<h1 class="header">信息工程学院19级XX班</h1>
</div>
<div class="left">
<p>不要过多解释任何事情，解释必要的就足够了</p>
</div>
<div class="content">
<h2>免费的网站建设课程</h2>
<p>在W3shcool你将找到所有关于网站建设的课程，从基本的HTML,再到更深入的XML</p>
<p>W3shcool.com.cn-世界上最大的网站开发社区</p>
</div>
<div class="footer">
Copyright 2008 学号 姓名
</div>
</div>
</body>
</html>