超链接标签
超链接标签是:<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>
热门文章
优秀文章