码迷,mamicode.com
首页 > Web开发 > 详细

HTML(四)超链接标签

时间:2021-04-06 14:05:20      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:标记   mail   页面   res   har   order   body   self   https   

HTML(四)超链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LinkLabelStudy</title>
</head>
<body>

    <a name="top"></a>

    <!--a标签 超文本链接
    href  :  链接目的地址
    target  :  窗口打开位置
        _blank 在新标签中打开
        _self 在自身页面中打开

    -->
    <a href="1.MyFirstHTML.html" target="_blank">点击跳转到页面1</a>
    <br>
    <a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
    <br>
    <a href="1.MyFirstHTML.html">
        <img src="../resourse/image/1.jpg" alt="壁纸1" title="跳转到页面1" width="480" height="270" >
    </a>
    <br>

    <!--锚链接
    1.需要一个标记
    2.用 #标记名 跳转到标记
    -->
    <a href="#top">回到顶部</a>
    <br>


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

    <a href="mailto:852886432@qq.com">点击发送邮件</a>
    <br>
    <!--QQ推广-->
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
        <img border="0" src="http://wpa.qq.com/pa?p=2:2631699532:51" alt="点击添加QQ" title="点击添加QQ"/>
    </a>
</body>
</html>

HTML(四)超链接标签

标签:标记   mail   页面   res   har   order   body   self   https   

原文地址:https://www.cnblogs.com/zzzstudy/p/14614729.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!