Как сделать, чтобы фотография располагалась по правому краю

Как сделать, чтобы фотография располагалась по правому краю

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

Раздел: Создание сайта » HTML  
29 сентября 2009   |   автор: admin Оставить комментарий



 

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

 

Для вывода изображений в html используется тег <img>. Выглядит это таким образом:

 

<img src="адрес картинки" >

 

 

Для того чтобы создать ссылку используется тег <a>. Таким вот образом:

 

<a href="адрес ссылки" >Название ссылки, если необходимо</a>

 

 

Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега.

 

<a href="адрес ссылки" ><img src="адрес картинки" ></a>

 

 

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

 


Адреса можно прописывать как в полном формате: http:// и т.д

 

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

 


Пример

 

Код html:

 

<a href="/"><img src="link_img.png"></a>

 

 

Результат в браузере:

 

 

alt

Просмотров: 528156 Комментарии(65535)

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

web-lesson.ru

Другие новости по теме:

Назад 1 2 3 4 5 6 7 8 9 10 ... 2185 Далее

Как сделать, чтобы фотография располагалась по правому краю
Как сделать картинки в столбик без отступов? - Для начинающих
Как сделать, чтобы фотография располагалась по правому краю
Правильный HTML код картинки или оптимизация изображения
Как сделать, чтобы фотография располагалась по правому краю
Как сделать HTML слайд шоу - Создай свой собственный
Как сделать, чтобы фотография располагалась по правому краю
Как сделать картинку ссылкой в html
Как сделать, чтобы фотография располагалась по правому краю
Как сделать круглые изображения?
Как сделать, чтобы фотография располагалась по правому краю
Болезни губ: причины, симптомы, лечение - Дверь в мир
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю
Как сделать, чтобы фотография располагалась по правому краю