Как сделать ссылку на картинку с HTML?

Question

Я сделал ссылку на изображение с этим фрагментом кода:

<a href='feed.php'><img src="C:\xampp\htdocs\Project\Icons\Feed.png"/></a>

Но на моей странице нет изображения, почему?

(В настоящее время я использую свою страницу только локально!)

Answer 1

Это потому, что вы (пытаетесь) использовать локальную ссылку на файл.

Либо используйте относительный путь

или

<a href='feed.php'><img src="file:///C:/xampp/htdocs/Project/Icons/Feed.png"/></a>

Обратите внимание, что если выпланируете использовать это «онлайн», оно не будет выполнено из-за ЛОКАЛЬНОЙ ссылки.

Если вы загружаете страницу через веб-сервер, вы должны использовать:

<a href='feed.php'><img src="/Icons/Feed.png"/></a>

или

<a href='feed.php'><img src="http://yoursite.local/Icons/Feed.png"/></a>

Или каков бы ни был путь к изображению.

Я бы предпочел относительный путь (первый), который позволит вам переместить страницу в другой домен без разрыва ссылок / изображений.

Answer 2

Вы не можете связать локальные файлы с удаленной веб-страницы.Это необходимо для предотвращения доступа веб-страниц к файлам на компьютере конечного пользователя.

Измените это: C:\xampp\htdocs\Project\Icons\Feed.png

На это: http://yourwebsitehere.com/Project/Icons/Feed.png

РЕДАКТИРОВАТЬ: Поскольку вы говоритеон используется только локально, тогда вам нужно использовать это вместо: file:///C:/xampp/htdocs/Project/Icons/Feed.png

Кроме того, убедитесь, что изображение действительно находится там, где вы думаете!

Попробуйте ввести file:///C:/xampp/htdocs/Project/Icons/Feed.png в свойв адресной строке браузера и посмотрим, что получится.