1,
定义网页或者某个区域的头部的内容
2,
网页的导航栏
3,
定义页面的主体内容
4,
定义页面的侧边栏信息
5,
定义网页或者某个区域的底部的内容
6,
定义与文字相关的内容(论坛,帖子,微博条目)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a374850f961c8ff51f386e43fd89b28b.png)
<html>
<header>
<h1>这里是我练习的页面布局
<img src="../img/pkq.gif" alt="">
</h1>
</header>
<nav>
<a href="#">首页</li>
<a href="#">秒杀</li>
<a href="#">优惠券</li>
<a href="#">PLUS会员</li>
<a href="#">闪购</li>
</nav>
<aside>
<ul type="none">
<li>电子</li>
<li>手机</li>
<li>母婴</li>
<li>电脑</li>
<li>生鲜</li>
<li>服饰</li>
<li>鞋包</li>
</ul>
</aside>
<section align="center" valign="top">
<img src="../img/southeast.jpg" alt="">
</section>
<footer>
Copyright © 2013-2019 <菜鸟教程> runoob.com All Rights Reserved. 备案号:闽ICP备15012807号-1
</footer>
</html>