您的位置:首页 > Web前端 > HTML

HTML超链接标签<a>

2017-05-21 21:50 218 查看
一、超链接标签<a>的语法

<a href="链接路径" target="目标窗口位置">链接文本或图像</a>

1、 <a>标签中href属性值是链接的路径,当href="#"时表示一个空连接;

2、<a>标签中target属性值表示的是链接在哪个窗口打开,它的常用值是“_self”和"_blank",当target="_self"时表示链接在当前窗口打开target 的默认值是“_self”,当target="_blank"时表示链接在新出窗口打开

二、超链接标签的应用

1、页面间链接:从A页到B页

如从当前页面到百度页面,设置herf 值为百度首页网址,点击链接文字百度即可跳转

<a href="http://www.baidu.com">百度</a>

2、锚链接

   ①页面内锚点:从A页面甲位置到A页面乙位置

   ⑴在A页面乙位置设置name的属性值,例如设置name="zico"

     <a name="zico">目标位置乙</a>

   ⑵A页面的 甲位置放一个a标签,设置href值是 “#name值”

       <a href="#zico">当前位置甲</a>

  ②跨页面锚点:从A页面的甲位置到B页面的乙位置

  ⑴在B页面乙位置设置name属性值语法如下:

      <a name="zico">目标位置乙</a>

  ⑵在A页面甲位置设置链接

      <a href="B.html#zico">当前位置甲</a>

3、功能性连接打开其他应用

    如可以打开QQ发消息或者邮箱设置href="mailto:QQ邮箱的地址"

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


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: