HTML和CSS是目前非常流行的網頁開發語言。網頁導航是網頁設計中的重要組成部分，可以方便快捷地鏈接到其他頁面。

<ul>
<li><a href="page1.html">頁面1</a></li>
<li><a href="page2.html">頁面2</a></li>
<li><a href="page3.html">頁面3</a></li>
<li><a href="page4.html">頁面4</a></li>
<li><a href="page5.html">頁面5</a></li>
</ul>

如上所示，使用無序列表（ul）和列表項（li）創建網站導航，每個列表項都包含一個鏈接（a）以鏈接到其他頁面。同時，為了美觀和可讀性，通常還需要添加一些CSS樣式。

nav ul {
list-style: none;
background-color: #333;
text-align: center;
padding: 0;
margin: 0;
}
nav li {
font-size: 18px;
line-height: 2em;
border-bottom: 1px solid #888;
}
nav a {
text-decoration: none;
color: #fff;
display: block;
transition: .3s background-color;
}
nav a:hover {
background-color: #005f5f;
}

如上所示，我們可以使用CSS樣式來美化網站導航，包括無序列表的樣式、列表項的樣式和鏈接的樣式等等。通過將這些代碼添加到我們的頁面中，我們可以創造一個外觀漂亮且可讀性良好的網站導航。