HTML的超链接标签

<body>
<a name="top" href="#bottom">底部</a><br/>
<a href="div.html">本文本</a>指向div页面<br/>
<a href="http://www.baidu.com">本文本</a>指向百度<br/>
<a href="http://www.baidu.com" target="_blank">本文本</a>通过新窗口打开百度<br/>
<a href="http://www.baidu.com">
<img width="200" height="100" src="https://s3.amazonaws.com/f.cl.ly/items/2S2U0u1L2g1W1X2D0i07/%E6%97%A0%E6%A0%87%E9%A2%98.png?v=9a4df7c3"/>
</a>
本图片指向百度<br/>
<a href="http://localhost:8080/Test/div.html#div_bottom">去div的底部</a><br/>
<a href="div.html" target="_top">被所在框架中了么?点击这里</a><br/>
<a href="mailto:[email protected][email protected]&[email protected]&subject=title%20name&body=email%20content">
发送邮件</a><br/>


<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a name="bottom" href="#top">顶部</a><br>
</body>
效果:

image

当点击底部时,页面会跳到书签名为bottom的地方

image

关键代码:

定义书签和跳到书签位置

<a name="top" href="#bottom">底部</a> 
解释:
基础知识:

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。

超链接-href属性

创建指向另一个文档的链接

发送邮件

href=”mailto:邮箱地址?属性”

Mailto后为收件人地址,cc后为抄送地址,bcc后为密件抄送地址,subject后为邮件的主题,body后为邮件的内容,如果Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&”开头,如果body里面的内容带空格(比如i love you)空格之间用%20;分隔

详情见:

mailto标签

默认客户端没有安装问题

超链接-target属性

其作用是定义被链接的文档在何处显示。
当target=”_blank”时表示是用新窗口打开的;当target=”_top”时,假如你的网页在框架内,点击此链接时,目标网页就会在当前浏览器中打开,而框架会消失。(跳出框架)

超链接-name属性

创建文档内的书签。
name 属性规定锚(anchor)的名称。书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
- 可以跳到本页面的一个书签

  • 可以通过url#书签名跳到其他页面的书签地址

猜你喜欢

转载自blog.csdn.net/u014050788/article/details/51262137