Как да вмъкнете изображение в линк

Съдържание:

Как да вмъкнете изображение в линк
Как да вмъкнете изображение в линк

Видео: Как да вмъкнете изображение в линк

Видео: Как да вмъкнете изображение в линк
Видео: Как связать одну страницу с другой, используя изображение в HTML 2024, Ноември
Anonim

Синтаксисът на езика HTML ви позволява да правите хипервръзки не само текстови, но и графични. За посетител на сайт такава връзка изглежда като изображение и когато щракнете върху изображението, отивате на друга уеб страница.

Как да вмъкнете изображение в линк
Как да вмъкнете изображение в линк

Инструкции

Етап 1

Използвайки всеки графичен редактор, намалете изображението. Размерът му във всяка от координатите не трябва да надвишава 200 пиксела. По-добре е картината да има хоризонтално оформление. Това може да бъде например виртуален бутон, надписът върху който е направен с художествен шрифт. Форматът на изображението трябва да бъде един от следните: JPG, PNG, GIF. Първият е предпочитан за снимки, а останалите два са предпочитани за линейно изкуство (това е най-добрата компресия). Не забравяйте да запишете резултата от промяната под ново име, за да не развалите оригинала.

Стъпка 2

Качете файла с изображението на сървъра в папката, където се намира HTML файлът. За да извършите такова изтегляне, можете да използвате уеб интерфейса (ако е наличен от доставчика на хостинг услуги) или всяка FTP клиентска програма.

Стъпка 3

Поставете следния кодов фрагмент на желаното място в HTML файла:, където изразът след оператора "href =" е адресът, към който води връзката, а someimage

Стъпка 4

За някои потребители показването на изображения в браузъра е деактивирано. Поради това е препоръчително да поставите обяснение къде линкът води директно под картината. В този случай модифицирайте горния кодов фрагмент, за да изглежда така:

Насекоми отблизо. Обяснителен текст ще се появи под изображението. Кликването върху него също ще ви отведе до връзката.

Стъпка 5

След като качите актуализираната версия на HTML файла на сървъра, отворете съответната страница в браузъра и след това се уверете, че изображението се показва и връзката е валидна. Преходът по него трябва да се случи, когато щракнете върху изображението и върху обяснителния надпис, разположен под него (ако има такъв).

Препоръчано: