HTML超链接

概述

HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

特点

1、超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。
2、把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
3、一个未访问过的链接显示为蓝色字体并带有下划线;
访问过的链接显示为紫色并带上下划线;
点击链接时,链接显示为红色并带上下划线。
(注意:如果为这些超链接设置了CSS样式,展示样式会根据CSS的设定来显示)
4、href属性后面一定是一个资源的地址。
href后面的路径可以是绝对路径也可以是相对路径,可以是网络中某个资源的路径,也可以是本地资源的路径。

空链接

1、HTML空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。
2、临时加的空链接,主要为了能更好的看到最终的效果。

<a href="#">空链接</a>
target属性

1、使用Target属性,可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)。
2、默认的被链接文档会在原有的窗口中打开的。如果将target属性设置为 "_blank" 则文档就会在新窗口打开。
3、target属性:
_blank:新窗口打开
_self:当前窗口(默认)
_top:顶级窗口
_parent:父窗口

代码示例
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>链接</title>
	</head>
	<body>
		<!--点击图片或者文字都能在新窗口打开百度-->
		<a href="https://www.baidu.com/" target="_blank">百度</a>
		<a href="https://www.baidu.com/" target="_blank">
			<img src="baidu.png" width="10%" /></a>
	</body>
</html>

在这里插入图片描述

request和response

超链接的作用:通过超链接可以从浏览器向服务器发送请求。
1、浏览器向服务器发送数据(请求:request);服务器向浏览器发送数据(响应:response)
2、B/S结构的系统,每一个请求都会对应一个响应。B到S是请求;S到B是响应
3、用户点击超链接和用户在浏览器地址栏上直接输入URL本质上没有区别,都是向服务器发送请求。但是从操作上来讲,超链接使用更方便。

原文地址:https://www.cnblogs.com/yu011/p/13485352.html