📜  HTML |文件路径

📅  最后修改于: 2021-10-31 05:40:42             🧑  作者: Mango

文件路径指定文件在 Web 文件夹结构中的位置。它就像一个文件的地址,可以帮助网络浏览器访问文件。文件路径用于链接外部资源,例如图像、视频、样式表、JavaScript、显示其他网页等。
要在网页中插入文件,必须知道其来源。例如,语法(””) 用于插入图像文件,其中在源文件(src) 中提到了文件的路径。
文件路径有两种类型:

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

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

例子:

html


    
        Absolute file path
    
    
        
    


html


    
        Relative file path
    
    
        

File present in the same folder

        My Image     


html


    
        Relative file path
    
    
        

File present in a folder above the current folder

        My Image     


html


    
        Relative file path
    
    
        

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

        My Image     


输出:

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

html



    
        Relative file path
    
    
        

File present in the same folder

        My Image                         

输出:

相对文件路径

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

html



    
        Relative file path
    
    
        

File present in a folder above the current folder

        My Image                         

输出:

相对文件路径

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

html



    
        Relative file path
    
    
        

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

        My Image                         

输出:

相对文件路径

支持的浏览器:

  • 谷歌浏览器
  • 微软边缘
  • 火狐
  • 歌剧
  • 苹果浏览器

CSS 是网页的基础,用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。