<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>覃光林测试</title>
<style>
header {
width: 1000px;
height: 50px;
background: red;
margin: 0 auto;
color: white;
text-align: center;
}
nav {
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>
<nav>导航</nav>
<!--主题--> <section>主题</section>
<!--侧边栏--> <aside>侧边栏</aside>
<!--文章--> <article>文章</article> </section>
<!--底部--> <footer>底部</footer>
</body>
</html>