HTML的超链接或热链接(重点)

1、超链接的作用

在网页中所有点击之后可以跳转的内容都是超连接
超链接的作用：

• 通过超链接可以从浏览器向服务器发送请求。

• 浏览器向服务器发送数据（请求：request)

• 服务器向浏览器发送数据（响应：response)

  B/S结构的系统：每一个请求都会对应一个响应。

用户点击超链接和用户在浏览器地址栏上直接输入URL，什么区别？
本质上没区别，都是向服务器发送请求。从操作上来讲，超链接使用更方便。

2.超链接的标签与特点

a标 签 是 超 链 接
href： hot references 热引用
href： 属 性 设 置 连 接 的 地 址，href属性后面一定是一个资源的地址。href后面的路径可以是绝对路径也可以 是相对路径，可以是网络中某个资源的路径，也可以是本地资源的路径。
超链接的特点：

• 下划线
• 鼠标停留在超链接上面显示小手形状。
• 点击超链接之后还能跳转页面。

<a href="http://www.baidu.com">百度</a>
<a href="http://www.jd.com">京东</a>
<a href="008-图片.html">灿烈的图片</a>

点击后会跳转页面

3、图片超链接

<a href="http://www.hao123.com">
    <img src="./hao123.png" width="100px"/>
</a>

点击图片后页面也会跳转

4、超链接里的target

超链接一个target（target：属性设置哪个目标进行跳转属性：
可取值：
_blank : 新窗口，表示打开新页面来进行跳
_self ： 当前窗口，表示当前页面 (默认就是这种方式。
_top ： 顶级窗口
_parent ： 父窗口
_blank:

<a href="http://www.hao123.com"  target="_blank">
    <img src="./hao123.png"  width="200px"/>
</a>

点击后转到一个新页面

_self:

<a href="http://www.hao123.com"  target="_self">
    <img src="./hao123.png"  width="200px"/>
</a>