標簽定義每個選項的鏈接地址。
下面的代碼演示了如何設置一個包括Home、About Us、Products和Contact Us四個選項的導航欄:<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
以上代碼將生成一個橫向排列的導航欄,每個選項之間有一個小間隔,并且當用戶點擊每個選項時會跳轉到相應頁面。
如果希望導航欄垂直排列,可以在標簽中添加樣式屬性“display: block”,如下所示:
<ul style="display: block;">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
以上代碼將生成一個垂直排列的導航欄,每個選項之間沒有間隔,并且當用戶點擊每個選項時會跳轉到相應頁面。
總之,使用HTML設置導航欄是非常簡單的,只需要使用