Как сделать значки ссылок

Гиперссылка — это текст или изображение, которое при нажатии переходит на другой документ или веб-сайт. Ссылки делают работу в Интернете более быстрой и удобной. Без них пользователям пришлось бы вводить веб-адрес каждой страницы, которую они хотели просмотреть. Хотя текстовые ссылки более распространены, использование изображения в качестве ссылки может улучшить взаимодействие с пользователем и добавить визуальной эстетики вашему сайту.

Шаг 1

Получите веб-адрес изображения, которое вы хотите использовать. Это будет выглядеть примерно так:

http://www.yourwebsite.com/graphics/graphics.jpg

Шаг 2

Запишите веб-адрес изображения точно так, как оно отображается на экране. Если вы хотите убедиться в отсутствии ошибок, скопируйте и вставьте адрес в текстовый редактор.

Шаг 3

Подтвердите веб-адрес веб-сайта или документа, на который вы будете ссылаться. Посетите веб-сайт, чтобы убедиться, что это активная, рабочая страница. Скопируйте и вставьте эту ссылку в текстовый редактор. В иллюстративных целях мы будем использовать это:

http://www.yourwebsite.com/reallycoolstuff.html

Шаг 4

В текстовом редакторе вставьте этот базовый код:

Шаг 5

Вставьте веб-адрес в тег «a href», заменив текст WEBSITE_GOES_HERE. Вставьте веб-адрес изображения, заменив IMAGE_ADDRESS_HERE.

Шаг 6

Ваш готовый код должен выглядеть так:

Совет

Убедитесь, что веб-адрес точен. В противном случае ссылка не будет работать или изображение не загрузится.

Предупреждение

Используйте только те изображения, которыми вы владеете или имеете разрешение на использование. Всегда загружайте изображения в свой собственный каталог и связывайте их с этим адресом. «Горячая ссылка» или использование адреса изображения другого лица является незаконным, если только лицо, разместившее изображение, не даст на это свое согласие.