HTML&CSS基礎學習筆記11-導航欄

上文我們介紹到的<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

wKiom1fDkUeA1VNRAAAqSJGVsfY606.png-wh_50


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章