超链接的2个功能,2个属性,1个补充

本文详细介绍了HTML中的超链接如何实现页面跳转、锚点导航、下载功能,以及CSS中href、相对路径、绝对路径和target属性的使用。还涵盖了空链接和锚点功能的特殊用法,如回到顶部的处理。
摘要由CSDN通过智能技术生成

  定义 2个功能,2个属性,1个补充

   html 超文本标记语言    超:超链接

         css  层叠样式表

   

   超链接:可以是一个字,可以是图片,可以是表格,或者音视频等等

      是行内标签,特殊的行内标签,它里面什么都能放,除了它自己

    

   超链接:

      功能  

        1、从一个页面跳到另一个页面

        2、在当前页面进行跳转(锚点功能),一般可以用来做“楼梯导航”

        3、下载

      属性:

        href属性  指向超链接跳转的地址

          跳转的路径:

            绝对路径:是一个完整的地址,无论你在哪里,只要地址不写错,就可以实现跳转

            相对路径:不是一个完整的地址,路径写法跟你所在位置相关

                ./   你(超链接)所在位置跟你要跳转的位置在同一目录下  ,默认就是./开始

                ../  你所在的位置跟你要跳转的位置不在同一目录下,

                          跳出当前目录来到上一级目录寻找,如果上一级目录下还未寻找到,

                          那就再../,直到找到为止

        target属性:设置超链接的打开方式

            可选值:

              _self  在当前页面打开超链接   默认值   一般情况下,国外的网站喜欢_self

              _blank  新开一个页面打开超链接           国内的网站 常用_blank


 

      空链接写法(2种写法)

         <a href="#">空链接写法1</a>

         <a href="javascript:;">空链接写法2</a>

    

  

      锚点功能实现:

        第一步:给你要跳转的位置打一个标记

                id=‘XXX’

                id属性值:不能以数字开头,最好不要是汉字

        第二步:在超链接href属性值里:#id属性值

      特殊情况:回到顶部  <a href="#">回到顶部</a>

                会刷新页面,滚动条回到最开始的位置

    

  • 19
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值