HTML 文件路径

• 

  HTML文件路径

  一些常见的文件路径描述：

  路径表示法	描述
  <img src ="f1.jpg">	f1.jpg与当前HTML文档在同一文件夹中
  <img src ="images/f1.jpg">	f1.jpg位于当前文件夹的images文件夹中
  <img src ="/images/f1.jpg">	f1.jpg位于根目录下的images文件夹中
  <img src ="../images/f1.jpg">	f1.jpg位于当前目录的上一级的images文件夹中

  文件路径描述了网站文件夹结构中文件的位置。链接到外部文件时使用文件路径，如：

  • 网页
  • 图片
  • CSS
  • JavaScript

  有关HTML图像的章节中解释了<img>标记以及src和alt属性。

• 

  绝对文件路径

  绝对文件路径是Internet文件的完整URL：

  <img src="https://www.cainiaoya.com/images/f1.jpg" alt="风景1">
                                  

  尝试一下
• 

  相对文件路径

  相对文件路径指向相对于当前页面的文件：

  <!-- 相对该web站点的根目录的地址-->
                                          <img src="/images/f1.jpg" alt="风景1">
                                          <!-- 相对当前文件下的地址-->
                                          <img src="images/f1.jpg" alt="风景1">
                                  

  尝试一下

提示：最佳做法是使用相对文件路径（如果可能）。
使用相对文件路径时，您的网页不会绑定到当前的基本URL。
所有链接都可以在您自己的计算机（localhost）以及您当前的域名和您未来想换到别的域名上运行。