Новички HTML часто сталкиваются с такой проблемой, как правильно ссылаться на файл. Например, как цитировать другую HTML -страницу в качестве гиперссылки на одной HTML -странице? Как вставить изображение в веб -страницу
Если вы используете неправильный путь к файлу при обращении к файлу (например, добавление гиперссылки или вставка изображения и т. Д.), Ссылка будет недействительной (не может просмотреть связанный файл или не может отобразить вставленное изображение и т. Д.).
Чтобы избежать этих ошибок и правильно ссылаться на файлы, нам нужно узнать о HTML -пути.
Есть два способа написать HTML: относительные пути и абсолютные пути.
HTML относительный путь
Файл ссылок на тот же каталог
Если исходный файл и ссылочный файл находятся в том же каталоге, просто напишите имя ссылочного файла напрямую.
Теперь мы создаем исходный файл info.html, а info.html вам необходимо ссылаться на файл index.html как гиперссылку.
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html равен: c: /inetpub/wwwroot/sites/blabla/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = index.html> index.html </a>
Как представить предыдущий каталог
../ представляет предыдущий каталог каталога, где находится исходный файл, ../../ представляет предыдущий каталог, где находится исходный файл, и так далее.
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html: c: /inetpub/wwwroot/sites/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = ../index.html> index.html </a>
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html: c: /inetpub/wwwroot/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = ../../index.html> index.html </a>
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html: c: /inetpub/wwwroot/sites/wowstory/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = ../wowstory/index.html> index.html </a>
Как представить следующий каталог
Обратитесь к файлам в нижнем каталоге и напрямую напишите путь к файлам в нижнем каталоге.
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html: c: /inetpub/wwwroot/sites/blabla/html/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = html/index.html> index.html </a>
Предположим, что путь info.html: c: /inetpub/wwwroot/sites/blabla/info.html
Предположим, что путь index.html составляет: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
Код для добавления index.html Hyperlind в info.html должен быть написан так:
<a href = html/turnerials/index.html> index.html </a>
HTML абсолютный путь
Абсолютный путь HTML относится к полному пути файла с доменным именем.
Предположим, что вы зарегистрируете доменное имя www.vevb.com и подаете заявку на виртуальный хост, ваш виртуальный хост -провайдер предоставит вам каталог, такой как www, который является корневым каталогом вашего веб -сайта.
Предположим, вы поместите файл index.html в корневой каталог www, абсолютный путь к этому файлу: https://www.vevb.com/index.html.
Предположим, вы создаете каталог, называемый html_tutorials в корневом каталоге www, а затем разместите файл index.html в этот каталог, а абсолютный путь к этому файлу - https://www.vevb.com/html_tutorials/index.html.