📜  HTML |文件路径

📅  最后修改于: 2021-09-01 02:57:05             🧑  作者: Mango

文件路径指定文件在 Web 文件夹结构中的位置。它就像一个文件的地址,可以帮助网络浏览器访问文件。文件路径用于链接外部资源,例如图像、视频、样式表、JavaScript、显示其他网页等。

要在网页中插入文件,必须知道其来源。例如,语法(””) 用于插入图像文件,其中在源文件(src) 中提到了文件的路径。
文件路径有两种类型:

  • 绝对文件路径
  • 相对文件路径

绝对文件路径:它描述了访问互联网文件的完整地址(URL)。

例子:



    
        Absolute file path
    
    
        
    
                    

输出:

相对文件路径:描述文件相对于当前网页文件所在位置的路径。
例1:显示当前网页文件所在文件夹中的文件路径。



    
        Relative file path
    
    
        

File present in the same folder

        My Image                          

输出:
相对文件路径

示例2:显示当前网页文件所在文件夹上方的文件夹中的文件路径。图像文件存在于一个名为images的文件夹中,当前网页文件存在于一个子文件夹中,则代码如下:



    
        Relative file path
    
    
        

File present in a folder above the current folder

        My Image                          

输出:
相对文件路径

示例 3:它显示位于当前子目录根目录的文件夹中存在的文件路径。



    
        Relative file path
    
    
        

File present in a folder which is located at
        the root of the current subdirectories

        My Image                          

输出:
相对文件路径