首页 / HTML / Html学习（5）-超链接
Html学习（5）-超链接
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Html学习（5）-超链接，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2104字，纯文字阅读大概需要4分钟。
内容图文
超链接标签：<a>
两种用法：
超链接：
<a href="">
[code]<a href="htpp://www.sina.com.cn" target="_blank">新浪</a> <!-- href属性值可以使url，也可以是本地文件。target属性是指定在哪个窗口或者帧中打开 -->
定位标记:
<a name="">
一般在页面中使用，当页面内容过长，定位标记会比拖动条更方便。
定位标记要和超链接结合使用才有效。
[code]<a name="标记">标记位置</a> <p>....<!-- 很多空行以制造网页过长的效果 --> <a href="#标记">返回标记位置</a> <!-- 使用标记时一定在href值的开始加入#标记名 -->
[code]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>link</title>
</head>
<body>
<!--
超链接：
作用：连接资源
当有了href属性才有了点击效果。
hred属性值的不同，解析方式也不一样。
解析时，如果该值没有指定过任何协议，按照默认的协议来解析该值的。默认协议是file协议
-->
<a name="top">顶部位置</a>
<hr/>
<a href="http://www.sina.com.cn" target="_blank">新浪网站</a>
<hr/>
<a href="http://f.hiphotos.baidu.com/image/h%3D200/sign=97adfa3549fbfbedc359317f48f0f78e/8b13632762d0f7035c8dfed60afa513d2697c5f9.jpg">美女图片</a>
<hr/>
<a href="mailto:luoshunxiang@adflash.cn">联系我</a>
<hr/>
<a href="http://www.xunlei.com/moves/mgdz.rmvb">美国队长</a> <br/>
<a href="thunder://askjdhwudhkjasfkjdhsff==">美国队长</a>
<hr/>
<!--
取消超链接默认点击效果，自定义点击效果
-->
<a href="javascript:void(0)" onclick="alert('我弹')">这是一个超链接</a>
<hr/>
<!--
定位标记
专业术语：锚
-->
<a name="center">中间位置</a>
<hr/>
<img src="a.jpg" height="1000" width="400" border=10/>
<hr/>
<hr/>
<img src="a.jpg" height="1000" width="400" border=10/>
<hr/>
<a href="#center">回到中间位置</a>
<a href="#top">回到顶部位置</a>
</body>
</html>以上就是Html学习（5） - 超链接的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！
内容总结
以上是互联网集市为您收集整理的Html学习（5）-超链接全部内容，希望文章能够帮你解决Html学习（5）-超链接所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】