<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:dreamwintersnow@163.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&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>
效果:
当点击底部时,页面会跳到书签名为bottom的地方
关键代码:
定义书签和跳到书签位置
<a name="top" href="#bottom">底部</a>
解释:
基础知识:
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。
超链接-href属性
创建指向另一个文档的链接
发送邮件
href=”mailto:邮箱地址?属性”
Mailto后为收件人地址,cc后为抄送地址,bcc后为密件抄送地址,subject后为邮件的主题,body后为邮件的内容,如果Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&”开头,如果body里面的内容带空格(比如i love you)空格之间用%20;分隔
详情见:
超链接-target属性
其作用是定义被链接的文档在何处显示。
当target=”_blank”时表示是用新窗口打开的;当target=”_top”时,假如你的网页在框架内,点击此链接时,目标网页就会在当前浏览器中打开,而框架会消失。(跳出框架)
超链接-name属性
创建文档内的书签。
name 属性规定锚(anchor)的名称。书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
- 可以跳到本页面的一个书签
- 可以通过url#书签名跳到其他页面的书签地址