超链接、路径

超链接简介

  • 超链接可以从一个页面跳转到其他页面或当前页面的其他位置
  • 使用a标签来定义超链接,是行内元素,在a标签中可以嵌套除它自身外的任何元素(包括块元素)
  • a标签的属性:
    href:指定跳转的目标路径,值可以是外部网站的地址,也可以是内部页面的地址。
    回到顶部:<a href="#">回到顶部</a>
    跳转到任意指定位置:<a href="#目标的id值">任意位置</a>
    在开发中可以将#作为待定路径的占位符使用,也可使用javascript:;作为占位符(此时点击这个链接什么也不会发生)
    target:用来指定超链接打开的位置,可选值:_self(当前页面打开超链接,默认值)、_blank(在一个新的页面中打开超链接)
  • id:每一个标签都可以添加一个id属性,id属性唯一,不能重复,字母开头。
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <a href="#p3">去第三段</a>
   <a href="#">回到顶部</a>
   <a href="javascript:;">空超链接</a>
   <p>第一段</p>
   <p>第二段</p>
   <p id="p3">第三段</p>
   <p>第四段</p>
</body>
</html>

绝对路径和相对路径

  • 站内资源和站外资源
    站内资源:当前网站的资源
    站外资源:非当前网站的资源

  • 绝对路径(URL)与相对路径
    所谓的绝对路径就是从盘符开始的路径,选中一个文件右键属性,可以看到它的绝对路径
    绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe
    相对路径:是从当前路径开始的路径,假如当前路径为C:\windows,要描述上述路径,只需输入
    system32\cmd.exe实际上,严格的相对路径写法应为.\system32\cmd.exe
    其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。
    对站内资源使用绝对路径,站外资源使用相对路径。

  • 当我们需要跳转到一个服务器的内部页面(站内资源)时,常使用相对路径

  • 相对路径都会使用.或…开头
    ./表示当前文件所在的目录,…/表示上一级目录,如果不写./或…/,则默认为./,即默认为当前目录
    “.”——代表目前所在的目录。
    …/表示源文件所在目录的上一级目录,…/…/表示源文件所在目录的上上级目录,以此类推。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值