超链接标签

超链接标签是:<a></a>。

 

一、连接到文档

通过标签<a>和<a/>和在<a>和<a/>中的文本组成连接内容,,用户在浏览器中可以实现点击跳转到另一个页面,格式为: <a href="e:/sm1234/a.html"></a>。


二、连接到网页

2.1、<a>标签的属性href 。
使用<a> 标签开始,,需要使用属性href ,href 属性的值是连接目的页面的地址。

例如:

</head>

<body>
	<a href="http://www.baidu.com">百度一下</a>
</body>

</html>

效果:

点击百度一下就会跳转到百度页面。

2.2、<a>标签的属性title
title 属性的值能够描述连接的目的页面。

2.3、<a>标签的target属性
该属性指定连接指定的页面应当以和汇总方式在哪一个窗口中打开,如果想要再新窗口中打开,需要经target属性的值设置为_blank。

<a href="http://www.yiidian.com" target="_blank" title="使用一点教程网">一点教程网</a>

target="_self"默认。在相同的框架中打开被链接文档。

<a href="http://www.yiidian.com" target="_self" title="使用一点教程网">一点教程网</a>

三、连接到e-mail

邮件格式:  

<a href="mailto:email"></a> 


使用<a>标签,使用href 属性,但是href属性的值要以关键字mailto 开头。然后是右键地址。

<body>
<a href="mailto:make@yiidian.com" title="发送邮件">发送邮件make@yiidian.com</a>
</body>


打开QQ:

<a href="tencent://message?uin=1299148007">QQ联系我</a>


启动迅雷:
 

<a href="thunder://www.abc.com">迅雷下载</a><br>

四、<a>锚链接

锚链接:

<a name=“标记名”></a> 和 <a href="#标记名"></a>


普通的连接,连接会从一个页面到达另外一个页面。如果页面很长,希望连接页面的特定部分,就可以使用锚链接。
例如: 长页面底部的返回顶部连接。
可以使用<a>标签创建目的锚。需要使用到name 和id属性
 

<h1 id="top">链接和导航</h1>
<h2><a id="one">第一部分</a></h2>
<h2><a id="two">第二部分</a></h2>
<h2><a id="three">第三部分</a></h2>
<p><a href="#top">回顶部</a></p>

 

热门文章

优秀文章