Как да вмъкнете изображение, което е хипервръзка?

Въведение

Изображенията правят уеб страниците по-атрактивни, като разчупват текста и добавят визуален интерес. Наистина това, което виждате, са файлове – локални или отдалечени – които браузърът зарежда чрез етикета <img> с атрибута src.

Създаване на изображението

Ако изображението се намира на същия сървър като страницата, задайте само името му:

<img src="myphoto.jpg" alt="Описание">

Ако е на друг сървър, посочете пълния URL:

<img src="https://example.com/pic.jpg" alt="Описание">

Подравняване

Атрибутът align подравнява изображението хоризонтално (left, right, center), а valign – вертикално (top, bottom, middle).

<img src="pic.jpg" align="right" valign="top" alt="Описание">

Алтернативен текст

Атрибутът alt се показва, ако изображението не се зареди или потребителят ползва текстов браузър.

<img src="pic.jpg" alt="Текст, който се показва при липса на изображение">

Изображение като хипервръзка

За да направите изображението кликваемо, го обвийте в етикет <a>:

<a href="https://example.com">
    <img src="pic.jpg" alt="Описание">
</a>

Това позволява на посетителите да кликнат върху изображението и да бъдат пренасочени към желаната страница или към самото изображение.