<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Qin Guanglin Test</title>
<style>
header {
width: 1000px;
height: 50px;
background: red;
margin: 0 auto;
color: white;
text-align: center;
}
are not {
width: 1000px;
height: 50px;
background: blue;
color: white;
text-align: center;
margin: 0 auto;
}
section {
margin: 0 auto;
width: 1000px;
height: 500px;
color: white;
text-align: center;
margin: 0 auto;
}
aside {
float: left;
width: 300px;
height: 500px;
background: green;
color: white;
text-align: center;
margin: 0 auto;
}
article {
float: right;
height: 500px;
width: 700px;
color: white;
text-align: center;
background: pink;
margin: 0 auto;
}
footer {
width: 1000px; height: 50px;
background: gray;
color: white;
text-align: center;
margin: 0 auto;
} </style>
</head>
<body> <!--header-->
<header>头部</header>
<nav>导航</nav>
<!--Theme--> <section>Theme</section>
<!--sidebar--> <aside>sidebar</aside>
<!--文章--> <article>文章</article> </section>
<!--bottom--> <footer>bottom</footer>
</body>
</html>
