在網頁中，有時候我們需要將固定的頭部和底部放在網頁中一直保持不變。這時候我們可以使用HTML和CSS來實現。

首先，我們需要在HTML中設置一個包含頭部和內容的div，并設置內容的margin-top為頭部高度的值，以避免頭部覆蓋內容。

<div class="container">
<div class="header">這里是頭部內容</div>
<div class="content" style="margin-top: 80px;">
這里是頁面內容
</div>
</div>

接下來，我們使用CSS將頭部和底部固定在頁面頂部和底部，可以使用position:fixed屬性實現。

.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 80px;
}
.footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

這樣，我們就能實現一個固定頭部和底部的頁面了。