Создание картинки-ссылки

     Приветствую всех! Хотя я уже написала прощальное сообщение в блоге "БЛОГодать" и подвела итог в блоге "Сервисы Web 2.0 в образовании", но у меня давно в голове была идея написать это сообщение в помощь читателям. Вот и нашлось свободное время для его создания. 

     Мы все знаем, что при создании любого сообщение мы должны сохранять авторские права того материала, которым мы пользуемся. Я уверена, что вы в конце каждого сообщения сохраняете ссылки, которые переходят на материал, которым вы пользовались. А вот все ли знают, что нужно сохранять авторские права изображений, которые у вас имеются в сообщении? Я вам скажу, что и изображения имеет источник и его нужно разместить у себя в сообщении.

     Конечно первый способ размещение ссылки на картинку может быть такой же как вы размещаете использованную литературу. Но более эффектно было бы, если при нажатии на изображение сразу же могли перейти на сайт-источник. Вторым способом воспользовалась и я. Спасибо читателю, который заметил этот недочёт у меня, и сообщим мне о нем. Я очень благодарна. 

     Как я это делала? Я пользовалась кодом html. Для вывода изображений в html используется тег <img>. Выглядит это таким образом: <img src="адрес картинки" >. Т.е. ищем для начала в коде html тег <img>.

     Для того чтобы создать ссылку используется тег <a>. Таким вот образом: <a href="адрес ссылки" >. Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега. <a href="адрес ссылки" ><img src="адрес картинки" ></a>. Таким образом, когда нашли тег  <img>, мы дописываем тег
<a>, как это написано ранее.

     Тег картинки вставляется внутрь тега ссылки. Таким образом, картинка работает как ссылка, если на нее навести курсор мыши и нажать, произойдет переход по ссылке. Адреса можно прописывать как в полном формате: http:// и т.д

     Так и в короткой форме, например: kartinka.jpg. Этот вариант доступен, если рисунок у вас лежит в той же папке, что и html файл.

     Например, код html:  <a href="https://www.google.by/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiv9ajMvqjRAhXDiywKHZI3APUQjRwIBw&url=http%3A%2F%2Fdpchas.com.ua%2Fpozitivnye-novosti%2Fpozitiv-na-ves-den-foto-5&psig=AFQjCNGpKH4jNlENT7y4Yme8TCguMyp-7g&ust=1483619163658732"><img border="0" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ6_XA38Gp6sVumLOdzzJAOOMibrHzutisNS5_kwhPVAQ_sQktJWA" /></a>

     Попробуйте нажать на эту картинку и вы перейдете на сайт источник!😁

     Надеюсь, что вам сообщение это помогло, и если у вас не присутствуют ссылки на изображения, попробуйте исправить недочёт. Спасибо за внимание!😗

      Источник: Как сделать картинку ссылкой в html.