HTML的超链接标签
2016-04-27 16:25
246 查看
<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;分隔
详情见:
mailto标签
默认客户端没有安装问题
超链接-target属性
其作用是定义被链接的文档在何处显示。
当target=”_blank”时表示是用新窗口打开的;当target=”_top”时,假如你的网页在框架内,点击此链接时,目标网页就会在当前浏览器中打开,而框架会消失。(跳出框架)
超链接-name属性
创建文档内的书签。
name 属性规定锚(anchor)的名称。书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
- 可以跳到本页面的一个书签
可以通过url#书签名跳到其他页面的书签地址
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数