上文我們介紹到的<a>標籤,由於<a>標籤可以用來跳轉,所以我們可以拿<a>標籤來生成網頁的導航欄。
其實在實際運用中,<a>標籤就經常會被用來生成導航欄。
導航欄在HTML中有一個語義化的標籤<nav>,這個標籤表示帶有導航性質的內容,會有自己默認的特殊樣式。語義化標籤我們將會在後面講到。
我們在這裏先使用下<nav>標籤,和<a>組合成一個導航欄。
代碼如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成導航欄</title> </head> <body> <h1>使用nav標籤生成導航欄</h1> <a href="https://www.baidu.com">百度</a><a href="http://im.qq.com/">QQ</a> <a href="http://www.mayacoder.com/index">碼芽</a> </body> </html>
結果如何?
更多內容學習 就在碼芽網 http://www.mayacoder.com/lesson/index