Пути к файлам HTML

Путь к файлу определяет расположение файла в структуре папок веб-сайта.

Путь к файлу используется при ссылке на такие внешние файлы, как:

Существуют абсолютные и относительные пути к файлам.

Абсолютные пути к файлам

Абсолютный путь к файлу — это URL для доступа к файлу в интернете.

Пример абсолютного пути к файлу:

Пример абсолютного пути к файлу

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h2>Absolute File Path Example</h2>
    <img src="https://www.slrlounge.com/wp-content/uploads/2019/11/Sea-Thru-Underwater-Photography-Algorithm-SLR-Lounge_0001-1000x675.jpg" alt="Sea" style="width:300px" />
  </body>
</html>

Try it Yourself »

Относительные пути к файлам

Относительный путь к файлу указывает на файл относительно текущей страницы. В приведенном ниже примере путь является корневым (начинается с /) и указывает на файл в папке images в корне веб-сайта:

Другие распространенные относительные пути включают ./file.html (та же директория) и ../folder/file.html (родительская директория).

Пример относительного пути к файлу:

Пример относительного пути к файлу

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h2>Relative File Path Example</h2>
    <img src="https://ru.w3docs.com/build/images/smile-small.jpg" alt="Smile" width="290" height="260" />
  </body>
</html>

Try it Yourself »

Практика

Какие существуют типы путей к файлам в HTML?

Абсолютные пути к файламЛокальные пути к файламОтносительные пути к файламВиртуальные пути к файлам

Пути к файлам HTML ​

Абсолютные пути к файлам ​

Пример абсолютного пути к файлу: ​

Относительные пути к файлам ​