网页的简单布局

HTML系列文章目录

HTML网页设计：一、HTML的基本结构
HTML网页设计：二、网页的基本标签
HTML网页设计：三、图像标签之＜img＞标签
HTML网页设计：四、超链接
HTML网页设计：五、行内元素和块元素
HTML网页设计：六、列表
HTML网页设计：七、表格
HTML网页设计：八、媒体元素
HTML网页设计：九、网页的简单布局
HTML网页设计：十、iframe内联框架
HTML网页设计：十一、表单

HTML页面结构分析如下表：

元素名	描述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或用于（常用于侧边栏）
nav	导航类辅助内容

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>页面结构分析</title>
</head>
<body>
	<header> <h2>网页头部</h2> </header>
	<section> <h2>网页主体</h2> </section>
	<footer> <h2>网页脚部</h2> </footer>
</body>
</html>