Как сделать чтобы при нажатии на картинку она увеличивалась

Добавлено: 11.03.2018, 12:55 / Просмотров: 95461

Закрыть ... [X]

сделать Как сделать картинку ссылкой в 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 Далее


Источник: http://www.web-lesson.ru/site-creation/html/69-kak-sdelat-kartinku-ssylkoj-v-html.html


Поделись с друзьями



Рекомендуем посмотреть ещё:



Смена картинок при нажатии - Javascript-форум Пескоструйный аппарат своими руками схемы


Как сделать чтобы при нажатии на картинку она увеличивалась Как сделать чтобы при нажатии на картинку она увеличивалась Как сделать чтобы при нажатии на картинку она увеличивалась Как сделать чтобы при нажатии на картинку она увеличивалась Как сделать чтобы при нажатии на картинку она увеличивалась Как сделать чтобы при нажатии на картинку она увеличивалась

ШОКИРУЮЩИЕ НОВОСТИ


Back to Top