html---超链接篇

超链接是web中必不可缺的一种标签。

<a>定义超链接标签，作用是从一个页面跳转到另一个页面。

一.基本用法

<a href=" " target=" " title=" "></a>

其中

<a href="跳转的目标" target="跳转到目标页面的方式" title="超链接的介绍信息">显示的文本或图像<a>。

二.三个重要属性

1.href属性

href是超链接中必须存在的属性，用于链接到目标页面的url地址。

2.target属性

target属性是跳转到目标页面的方式，在使用中可以省略，html默认在原本的页面中打开，即 target="self" （目标页面将会覆盖原始页面）。也可以 target="black" 这样使用，会自动打开一个新页面来打开目标页面（原始页面还会存在）。

3.title属性

title 是超链接的介绍属性，刚鼠标光标移到设置了 title 属性的超链接上，会显示 title 属性值的内容。

三.超链接的分类

1.外部链接

例如：从自己的页面跳转到腾讯qq。

<a href="http://www.qq.com" target="_blank" title="腾讯">腾讯</a>

外部链接是从本页面跳转到外部的网址，必须以http://开头。

2.内部链接

<a href="gerenjianjie.html" target="_blank">个人简介</a>

网站内部页面相互跳转，内部链接直接使用内部页面的名称（通常使用相对路径）。

3.空链接

<a href="#"></a>

空链接规定 href="#" 双引号中必须填写#号，不能为空白。

当我们做网页时还没有想好链接到某个页面网站时常常使用空链接替代。

4.各种网络元素链接

<a href="01WZ.jpg"><img src="01WZ.jpg"/></a>

例如：链接到一张图片上。

网页中的文本，图片，表格，视频都可以添加超链接。

5.下载链接

<a href="01WZ.zip">下载链接</a>

通过点击链接可以直接下载文件，地址链接的文件 .exe,或者zip压缩包通过href赋予地址即可。

6.锚点链接

锚点链接可以链接到本页面中的特定内容。其实现方式是添加锚点。

<a href="#first">做网页的心得</a>

<h4 id="first">第一次做网页的心得:</h4>

<a href="#定义的id"></a>

其中 “#定义的id” 是必不可缺的。

<标签名 id="定义的id"><标签名>

其中“#标记名”，它是定义的某标签的id属性值。也就是说如果要跳转到网页某个位置，就先在这个位置所在的标签上设置id属性，然后就可以通过锚点链接跳转到这个位置上了。