Много е удобно, когато областта на активната връзка не е текст, а изображение. Езикът за маркиране HTML е напълно способен да направи това. Всичко, което е необходимо за това, е да комбинирате маркерите по специален начин.
Инструкции
Етап 1
Ако всички файлове на сървъра се съхраняват в една папка, напишете следния HTML-код на страницата:
‹A href=page.html› Кликването върху тази връзка ще ви отведе до друга страница в сайта ‹/a›
Стъпка 2
Научете как да вграждате връзки към локални страници, намиращи се на сайтове на трети страни във вашия HTML:
‹A href= https://server.domain/folder/page.html› Кликването върху тази връзка ще ви отведе до страница, намираща се на съвсем различен сайт ‹/a›
Стъпка 3
Сега проверете как да вмъкнете изображения в страница, които се съхраняват на същия сървър като сайта, при условие че всички файлове на този сървър се съхраняват в споделена папка:
‹Img src = filename.jpg›
Стъпка 4
По същия начин вмъкнете в страницата изображения, съхранени на сървъри на трети страни:
‹Img src =
Имайте предвид обаче, че някои сървъри не позволяват вмъкването на изображения в страници извън тях, вместо това показват предупредителни скрийнсейвъри или не показват нищо. В такива случаи не копирайте картината на локален сървър - това ще бъде нарушение на авторските права. По-добре е да дадете линк към тази снимка.
Стъпка 5
За да кликнете върху снимка, за да последвате връзката, комбинирайте тези етикети, както следва:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Ако желаете, заменете в тази конструкция глобалната връзка към страницата с локалната или, обратно, локалната връзка към изображението с глобалната.
Стъпка 6
И накрая, ако искате връзката да бъде последвана, като щракнете върху снимката и текста под нея, използвайте по-сложна конструкция като тази:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Ще бъдете пренасочени към друга страница, независимо дали щракнете върху този текст или върху този над него снимка. Резултатът ще бъде абсолютно същият.
