<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header style="height: 50px; background-color: aqua;">定义网页的头部</header>
<nav style="height: 50px; background-color: rgb(149, 177, 50);">网页的导航区域</nav>
<div class="left" style="float: left; width: 70%">
<section style="height: 400px; width: 100%; background-color: rgb(169, 34, 202);">定义网页的区段</section>
<article style="height: 200px; width: 100%; background-color: rgb(202, 93, 30);">定义网页独立的内容——章节</article>
</div>
<aside style="height: 600px; background-color: rgb(19, 224, 19); width: 30%; float: right;">定义网页的侧边栏</aside>
<div style="clear: both;"></div>
<footer style="height: 50px; background-color: aqua;">页脚 网页底部</footer>
</body>
</html>