HTML超链接

最新推荐文章于 2022-10-08 17:29:18 发布

我为杰伦代言

最新推荐文章于 2022-10-08 17:29:18 发布

阅读量151

点赞数 1

分类专栏： HTML 文章标签： html servlet 前端

本文链接：https://blog.csdn.net/weixin_52385232/article/details/126423449

版权

HTML 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

HTML超链接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接 热链接</title>
	</head>
	<body>
		
		<!--
			超链接的特点：
				有下划线
				鼠标停留在超链接上面显示小手形状。
				点击超链接之后还能跳转页面。
		-->
		<a href="http://www.baidu.com">百度</a>
		<a href="http://news.baidu.com/">百度新闻</a>
		<a href="http://www.jd.com/">京东商城</a>
		<a href="http://www.tmall.com/">天猫</a>
		<a href="http://www.126.com/">126邮箱</a>
		<br><br>
		
		<!--
			href：hot references 热引用
			href属性后面一定是一个资源的地址。
			
			href后面的路径可以是绝对路径也可以是相对路径，可以是网络中某个资源的路径，也可以是本地资源的路径。
		-->
		<a href="007.html">007</a>
		
		<!--图片超链接-->
		<a href="https://www.hao123.com/">
			<img src="img/hao123.png" width="120px"/>
		</a>
		
		<!--
			超链接有一个target属性：
				可取值：
					_blank : 新窗口
					_self ： 当前窗口（默认就是这种方式。）
					_top ： 顶级窗口
					_parent ： 父窗口
		-->
		<a href="https://www.hao123.com/" target="_self">
			<img src="img/hao123.png" width="120px"/>
		</a>
		
	</body>
</html>

<!--
	超链接的作用：
		通过超链接可以从浏览器向服务器发送请求。
		浏览器向服务器发送数据（请求：request）
		服务器向浏览器发送数据（响应：response）
		
		B/S结构的系统：每一个请求都会对应一个响应。
	
	用户点击超链接和用户在浏览器地址栏上直接输入URL，有什么区别？
		本质上没有区别，都是向服务器发送请求。
	
	从操作上来讲，超链接使用更方便。
-->