Атрибуты для картинок

Как сделать в html картинку ссылкой?

Для этого просто заключите картинку между ссылочным элементом:

< a href=" адрес ссылки" > < img src=" kartinka.jpg" > < /a>

Атрибуты для картинок

ALIGN - этот атрибут предназначен для обтекания или выравнивания картинки по горизонтали.
left - выравнивание по левому краю, текст будет обтекать справа.
right - выравнивание по правому краю, текст обтекает слева.

< img src=" kartinka.png" align=" right" >

Результат:

выравнивание по правому краю

HSPACE - отступы от картинки по горизонтали (в пикселях).
VSPACE - отступы от картинки по вертикали (в пикселях).

< img src=" kartinka.png" align=" right" hspace=" 15" vspace=" 15" >

Результат:

отступы от картинки

HEIGHT - высота изображения (пикселях).
WIDTH - ширина изображения (пикселях).

< img src=" kartinka.png" align=" right" hspace=" 15" vspace=" 15" width=" 50" height=" 100" >

Результат:

высота и ширена изображения

TITLE - это заголовок картинки. Заголовок будет отображаться, если навести на картинку курсор мышки.

< img src=" kartinka.png" align=" right" hspace=" 15" vspace=" 15" width=" 100" height=" 180" title=" Всем привет - bloggood_ru!!! " >

Результат:

заголовок картинки

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

< a href=" адрес ссылки" > < img src=" kartinka.png" border=" 0" > < /a>

Результат:

А если поменять значение border на 5:

< a href=" адрес ссылки" > < img src=" kartinka.png" border=" 5" > < /a>

Результат: