网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域：

1）、头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的logo。

<style>

body {

  margin: 0;

}

/* 头部样式 */

.header {

  background-color: #f1f1f1;

  padding: 20px;

  text-align: center;

}

2）、菜单导航栏包含一些链接，可以引导用户浏览其他网页：