1. HTML 基础

  2. 常用的元素

  3. 工具与规范

路径

不管是查看图片,还是打开游戏,打开网站,都需要给计算机提供一个位置,这个表达位置的方式就是路径

而路径会分为相对路径与绝对路径。

  • 相对路径:相对于当前目录的路径被称为相对路径。
  • 绝对路径:所有非相对路径的路径。

符号标识:

  • / :根目录。
  • ./ 或没有时:当前目录。
  • ../ :上级目录。

相对路径示例:

  • logo.png:当前目录下的 logo.png 文件。
  • ./logo.png:当前目录下的 logo.png 文件。
  • ../logo.png: 上级目录下的 logo.png 文件。
  • ../images/logo.png: 上级目录下的 images 文件夹下的 logo.png 文件。

绝对路径示例:

  • /logo.png:根目录下的 logo.png 文件。
  • C:\images\logo.png:C 盘下的 images 文件夹下的 logo.png 文件。
  • /images/logo.png:根目录下的 logo.
  • https://3yya.com/logo.png:3yya.com 网站下的 logo.png 文件。

$$tip

只有 Windows 中使用 \ (反斜杠)作为路径分隔符,UNIX 或网络地址中都使用的 / (斜杠)。推荐统一使用 / ,因为大部分情况下 / 在 Windows 中也能正确识别。

$$

练习

  1. 以下的路径是属于相对路径还是绝对路径?
  • index.html
  • https://3yya.com/index.html
  • /web/index.html