ShunXiangL的博客

兴趣是最好的老师

Html(5) - 超链接

超链接标签:<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>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ShunXiangL/article/details/51541466
文章标签: html 标签
个人分类: html
上一篇Html(4)- 表格标签
下一篇Html(6) - 框架
想对作者说点什么? 我来说一句

w3c html5帮助手册

2012年07月16日 180KB 下载

没有更多推荐了,返回首页

关闭
关闭