適合0基礎的web開發系列教程-a標籤超連結
阿新 • • 發佈:2018-12-28
一個網站是由很多個頁面構成的,首先執行的頁面叫首頁,通過首頁點選導航按鈕,可以進入到其他頁面。
網頁之間是如何實現這種連結效果的呢?
html裡面的a標籤就能實現這個效果。
每個a標籤都有一個href屬性,用來指向要連結的頁面地址。
每個a標籤都有一個target屬性,用來確定以何種方式開啟連結。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--開啟外部網站的頁面地址--> <a href="https://www.yyjcw.com">夜鷹教程網</a> <!--開啟騰訊QQ首頁--> <a href="http://www.qq.com">騰訊</a> <!--開啟當前站點的頁面,將要開啟的頁面和當前頁面在同一目錄下--> <a href="04-水平線.html">水平線例子</a> <!--開啟當前站點的頁面,將要開啟的頁面在當前頁面在目錄下的admin資料夾下面--> <a href="admin/login.html">管理登入</a> <!--在一個新的頁籤開啟管理介面--> <a href="admin/login.html" target="_blank">管理登入</a> <!--從當前目錄開始,找到上級目錄,然後在上級目錄下面找admin資料夾,然後連線到admin資料夾下面的login.html頁面--> <a href="../admin/login.html" target="_blank">管理登入</a> <!--以上都是給文字加連結 下面是給圖片加連結--> <a href="https://www.yyjcw.com/ke.html"><img src="https://www.yyjcw.com/images/linklogo.gif"/></a> </body> </html>