前端学习 -- 超链接

作用:可以使当前页面跳转到其他的页面。

<a>链接的文字</a>

属性:

  1. href:指向链接跳转的目标地址,比如:https://jx.tmall.com/?ali_trackid=2:mm_119571818_19816570_68286330:1489331178_3k3_1128597987,可以是一个相对路径;
  2. 还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置;
  3. 可以使用mailto:来创建一个发送电子邮件的超链接。

target:

  1. _self:默认值,默认在当前窗口打开链接;
  2. _blank:在新窗口中打开链接;
  3. 内联框架的name属性值:在指定的内联框架中打开链接;
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>超链接</title>
    </head>
    <body>
        <h1>我是demo04</h1>
        <!-- 
            使用超链接可以让我们从一个页面跳转到另一个页面
            使用a标签来创建一个超链接    
            属性:
                href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整的地址
        -->
        
        <a href="http://www.baidu.com">我是一个超链接</a> <br /><br />
        
        <a href="http://www.baidu1234567.com">我是一个超链接</a> <br /><br />
        
        <!-- 
            a标签中的target属性可以用来指定打开链接的位置
                可选值:
                    _self,表示在当前窗口中打开(默认值)
                    _blank,在新的窗口中打开链接
                    可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开
        -->
        <a href="demo03.html" target="tom">我是一个超链接</a>
        
    </body>
</html>

 

上一篇:分布式事务解决方案--消息发送一致性的异常流程处理


下一篇:GitHub最强技术面试手册:Tech Interview Handbook