day006:HTML超链接标签

一：超链接标签：<a> </a>

三个属性：

（1）href :属性值为链接的地址。需要带上协议http，例如：

<a href="http://www.baidu.com">百度</a>，点击“百度”，即可访问百度网址。若不带上http://，则打开的是默认的file文件的协议。（电脑中若无此文件，则会显示无法找到此文件）如果浏览器可解析文件，默认会打开文件；如果浏览器不能解析文件，则会弹出下载窗口。支持自定义协议：浏览器解析不了的协议，默认找操作系统的应用程序。

（2）name：定位锚点，属性值为锚点的名称；可用来返回网页的任意位置，与href联用，点击即可返回所定位的位置。例如：“返回顶部”的写法：<a name="top" href="#top">返回顶部</a>。

注：name与href联用时，href的写法为：href="#锚点的名称"。

（3）target：选择在何处打开链接。属性值为_self ：当前窗口中打开链接（默认）；_blank：新窗口中打开链接。

---

二：实例操作：

例一：用超链接访问一张图片：

首先写好超链接代码：<a href="../imgs/小狗肠.jpg">访问图片</a>,打开后看结果即可：

 显示如下结果：

 点击“访问图片”，所显示结果：

---

例二：用超链接标签访问一个网址：

首先写好超链接代码：<a href="http://www.baidu.com">百度</a>，打开后查看结果即可：

显示结果：

点击“百度”后显示结果：

---

例三：用name属性定位锚点：

先随便找一篇文章，作为文本内容；在文章开头处编写超链接代码：<a name="top">文章顶部</a>；     在文章中间处编写超链接代码：<a name="center">文章中间</a>，      在文章底部编写超链接代码：<a href="#top">返回文章顶部</a> <br /> <a href="#center">返回文章中间</a>

如图：

 

 打开后显示效果：

 分别点击“返回文章顶部”、“返回文章中间”后，显示的结果分别为：

“返回文章顶部”：

 “返回文章中间”：