超級鏈接 · Web前端(打印用)

## 超級鏈接 * HTML 使用超級鏈接與網絡上的另一個文檔相連。幾乎可以在所有的網頁中找到鏈接，點擊鏈接可以從一張頁面跳轉到另一張頁面。 * HTML使用標簽<a>來設置超文本鏈接，使用href來描述鏈接的地址，使用 target 屬性定義被鏈接的文檔在何處顯示，定義 target 屬性為`_blank`可以在新的頁面打開。 ```html <a href="http://www.ntqingniao.com">南通青鳥教育</a> ``` 超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。 ### 錨點 * 先定義一個錨點。 ~~~html <h1 id="head">CODING COFFEE MENU</h1> ~~~ * 然后超鏈接到錨點。 ~~~html <a href="#head">回到頂部</a> ~~~ ### 完善 CODING COFFEE 首頁我們上一節的路徑概念和超級連接，為首頁加上跳轉。 ```html <html> <head> <title>Head First Lounge</title> </head> <body> <h1>歡迎觀臨CODING COFFEE</h1> <img src="images/drinks.gif"> <p> 敬請關注我們定期更新的<a href="beverages/elixir.html">產品列表</a>, CODING COFFEE是一家只對程序員開放的 <em>互聯網咖啡館</em>. 無人看管，進門需要輸入正確的代碼！ </p> <h2>我們的分店</h2> <p> 你可以在世界各地發現CODING COFFEE的分店，詳情查看<a href="about/directions.html">分店列表</a>. Come join us! </p> </body> </html> ```