超级链接a标签

超级链接

1.超级链接是将网页和网页连接到一起的方法，是互联网成“网”的原因
2.使用a标签制作超级链接 <a href="2.html">去第二个网页</a> a是anchor(锚)的首字母 href是hypertext reference超文本引用

href支持相对路径和绝对路径

<a  href="web/2.html">去第二个网页</a>
<a href="https://www.imooc.com">去慕课</a>

a标签的title属性

a标签的title属性可以用于设置鼠标的悬停文本

<a href="2.html" title="很好看呢">去第二个网页</a

在新窗口中打开网页

将a标签的target属性数值为blank,即可在新标签页中打开网页

<a href="2.html" target="blank">去第二个网页</a>

给图片设置超级链接

只需要用a标签包裹img标签即可

<a href="2.html" terget="blank">
	<img src=""images/goblin.png>
</a>

页面内锚点

1.较长的页面，可以适当的给标签添加id属性，它将成为页面的“锚点”

<h1 id="wuxi">无锡美景</h1>

2.当网址后面添加#号时，页面将自动滚动到锚点所在位置

比如：127.0.0.1:5500/temp.html#wuxi

3.其他页面的超级链接，可以链接到指定锚点

<a href="lvyou.html#wuxi">看无锡美景</a>
这个链接会跳转到旅游页面并自动滚动到无锡美景那里

返回顶部#top是html5的特色，不需要设置锚点id

<a href=#top>返回顶部</a>

下载链接

指向exe,zip,rar等文件格式的链接，将自动成为下载链接

比如：<a href="1.zip">下载</a>
网页的下载器将自动打开

邮件链接，电话链接

1.有mailto:前缀的链接是邮件链接，系统将自动打开Email相关软件

<a href="mailto:me@test.com">给小编发邮件</a>

2.有tel:前缀的是电话链接，系统将自动打开拨号盘

<a href="tel:12306">打电话买火车票</a>