Html（5） - 超链接

来源：互联网发布：软件停止工作怎么办编辑：程序博客网时间：2024/06/07 00:26

超链接标签：<a>

两种用法：

超链接：<a href="">

<a href="htpp://www.sina.com.cn" target="_blank">新浪</a><!-- href属性值可以使url，也可以是本地文件。target属性是指定在哪个窗口或者帧中打开 -->

定位标记:<a name="">
- 一般在页面中使用，当页面内容过长，定位标记会比拖动条更方便。
- 定位标记要和超链接结合使用才有效。

<a name="标记">标记位置</a><p>....<!-- 很多空行以制造网页过长的效果 --><a href="#标记">返回标记位置</a><!-- 使用标记时一定在href值的开始加入#标记名 -->

<!DOCTYPE html><html lang="en"><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>

0 0