首页 > 软件开发 > HTML >

快速学会HTML语言-13-HTML路径(实例)

来源:互联网 2023-03-16 19:11:47 283

先顶后看年薪百万,如果帮到了你,请多投票,谢谢PpV办公区 - 实用经验教程分享!

快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    一个网站是由非常多的网页组成。PpV办公区 - 实用经验教程分享!

    超级链接的英文为hyperlink,它能够让用户在各个独立的页面之间相互跳转。PpV办公区 - 实用经验教程分享!

    超链接由源地址文件和目标地址文件构成,当访问者单击超链接时,游览器会从相应的目标地址检索网页,PpV办公区 - 实用经验教程分享!

    并显示在游览器中,如果目标地址不是网页而是其他类型的文件,游览器会自动调用本机上的相关程序,PpV办公区 - 实用经验教程分享!

    打开所要访问的文件。PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 2

    如果在引用超链接文件时,使用了错误的的文件路径会导致引用失效。PpV办公区 - 实用经验教程分享!

    路径URL用来定义一个文件、内容或媒体等所在的地址,这个地址可以是相对路径,也可以是绝对路径。PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 3

    HTML相对路径是由这个文件所在的路径和其他文件(或文件夹)的路径关系。PpV办公区 - 实用经验教程分享!

    同一个目录的文件引用,如果源文件和引用文件在同一个目录里,直接写引用文件名字PpV办公区 - 实用经验教程分享!

    假设现在有一个源文件路径是:D:\demo.htmlPpV办公区 - 实用经验教程分享!

    引用文件路径是:D:\index.htmlPpV办公区 - 实用经验教程分享!

    哪么源文件引用文件的代码是:<a href="index.html">演示</a>PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 4

    引用上级目录PpV办公区 - 实用经验教程分享!

    ../表示上一级目录PpV办公区 - 实用经验教程分享!

    ../../表示上上级目录,以此类推PpV办公区 - 实用经验教程分享!

    假设现在有一个源文件路径是:D:\abc\demo.htmlPpV办公区 - 实用经验教程分享!

    引用文件路径是:D:\index.htmlPpV办公区 - 实用经验教程分享!

    哪么源文件引用文件的代码是:<a href="../index.html">演示</a>PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    引用下级目录PpV办公区 - 实用经验教程分享!

    假设现在有一个源文件路径是:D:\demo.htmlPpV办公区 - 实用经验教程分享!

    引用文件路径是:D:abc\index.htmlPpV办公区 - 实用经验教程分享!

    哪么源文件引用文件的代码是:<a href="abc/index.html">演示</a>PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 6

    HTML绝对路径指带域名的文件完整路径。PpV办公区 - 实用经验教程分享!

    快速学会HTML语言-13-HTML路径(实例)PpV办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!PpV办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码