1. 程式人生 > >適合0基礎的web開發系列教程-a標籤超連結

適合0基礎的web開發系列教程-a標籤超連結

一個網站是由很多個頁面構成的,首先執行的頁面叫首頁,通過首頁點選導航按鈕,可以進入到其他頁面。

網頁之間是如何實現這種連結效果的呢?

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>