HTML5之超链接与相对路径

本文介绍了HTML5中的超链接用法,包括如何定义超链接、使用a标签及属性如href、target,以及如何利用相对路径进行页面内部跳转。同时,文章讲解了超链接的特殊用法,如回到页面顶部,以及相对路径的表示方式。
摘要由CSDN通过智能技术生成

1、超链接

(1)超链接可以让我们从一个页面跳转到其他页面,或者当前页面的其他位置。

      -使用a标签来定义超链接

       -属性:

           href指定跳转的目标路径

                 值可以是一个外部网站的地址

                 也可以写一个内部页面的地址

超链接也是一个行内元素,在a标签中可以嵌套除它自身外的任何元素。

示例:

<a href="https://www.baidu.com">超链接1</a>
    <br><br> 
    <a href="https://www.jd.com">超链接2</a>
    <!-- 
        同一目录下的页面
     -->
     <br><br>
    <a href="07_liebiao.html">超链接3</a>

其中超链接1和超链接2会分别跳到百度和京东相应的界面,而超链接3则会跳到自己写的界面中去。

(2)超链接中的其他属性:

        -target:用来指定超链接打开的位置

                可选值

                _self :默认值,表示在当前页面打开超链接

                _blank:在新的页面中打开超链接

         -id属性(唯一不重复)

                每一个标签都可以添加一个id属性

      

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值