HTML链接标签

<!DOCTYPE html>
<!--
链接标签:
<a href="path" target="目标窗口位置">链接文本或图像</a>

-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<a name=“top">
   <p><strong>跳到这里 </strong></p>                                        <!--此处为锚点-->
</a>

<!--   
 a标签
 href:  必填!     表示要跳转到哪个页面   
 target:    表示窗口在哪里打开
    _blank:  在新窗口中打开
    _self:   在当前窗口打开
 -->
<a href="1.我的第一个网页.html" target="_blank">

    <p><strong>点击我跳转到页面一</strong></p>

</a><br/>

<a href="https://www.baidu.com" target="_self">

    <p><strong>点击我跳转到百度</strong></p>

</a>

<br/>
<a href="2.基本标签.html">

    <p><strong>点击我跳到页面二</strong></p>
    <img src="../resources/image/2.jpg" alt="JOJO图片" title="简·皮耶尔·波鲁纳雷夫" width="400" height="500">
    <!--  此行代码是图片超链接,既可通过点击文字跳转,也可通过点击图片跳转  -->
</a>

<!--
锚链接:实现页面内的跳转与页面间的跳转(跳转到相应的位置)
      1.需要一个锚标记
      2.跳转到标记
     #XXX(name中写的)
-->
<p>
    <a href="#top">                 <!--跳转到锚点处-->

        <strong>跳一下!</strong>

    </a>
</p>
<br/>

<!--
功能性链接
邮件链接:mailto
QQ链接
-->


<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img src="../resources/image/5.jpg" width="100" height="100" alt="你好,加我领取小电影~" title="你好,加我领取小电影~"/>
</a>


<a href="mailto:222222222@qq.com">点击联系我</a>

<br/>

<a name="down">
       <strong>down位置</strong>              <!--锚点处-->
</a>

</body>
</html>

HTML链接标签
HTML链接标签
HTML链接标签
HTML链接标签

上一篇:webdriver学习笔记十三||浏览器(js的)上移和下滑


下一篇:拦截导弹问题 简单DP(LIS)