html基礎超鏈接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<a id="top"></a>
		橫線
		<hr size="1" width="200" color="aqua">	
		豎線
		<hr size="200" width="1" color="blue">	
		
		<a href="http://www.baidu.com" style="text-decoration: none;" title="百度" target=" _self">百度一下, 你就知道</a>
		
		<a href="https://dnf.qq.com/">
			<img src="img/1.jpg" style="width: 500px; height: 500px;" alt="">
		</a>
		
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		
		<a href="#top">回到頂部</a>
		<!-- 
		屬性
		href:超鏈接的鏈接地址
		title:鼠標移動到超鏈接上顯示的文字信息
		target:跳轉鏈接地址的方式 默認是_self當前頁面跳轉, _black:打開新頁面跳轉
		style: text-decoration:none 可以取消超鏈接的下劃線
		
		超鏈接的內部可以放<img / >圖片標籤 當點擊內部圖片的時候跳轉超鏈接設置的地址
		
		超鏈接還可以作爲錨點再內部頁面進行跳轉:
		example:
		top層的<a href="top"></a>
		bottom層的<a href="#top"></a>
		
		當點擊bottom層的超鏈接時自身頁面會跳轉到top層的超鏈接位置,底部的地址寫法需要以#加上目標鏈接的href內容或者是目標超鏈接的id值.
		
		-->
	</body>
</html>

 

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