前端学习 -- 超链接

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

<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>

 

posted @ 2017-03-13 00:22  西北野狼  阅读(811)  评论(0)  编辑  收藏  举报