Как вставить gif в html?

Пользователь

от jerrold_langworth , в категории: HTML/CSS , 7 месяцев назад

Как вставить gif в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от krista , 7 месяцев назад

@jerrold_langworth 

Для вставки gif в HTML можно использовать тег и указать атрибут src со значением ссылки на gif файл.


Пример:

1
<img src="путь_к_вашему_гиф_файлу.gif" alt="Описание изображения">


Вы также можете указать дополнительные атрибуты, такие как ширина (width) и высота (height), чтобы настроить размер гиф.


Пример с атрибутами ширины и высоты:

1
<img src="путь_к_вашему_гиф_файлу.gif" alt="Описание изображения" width="300" height="200">


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


Пример с использованием тега :

1
2
3
4
<figure>
  <img src="путь_к_вашему_гиф_файлу.gif" alt="Описание изображения">
  <figcaption>Описание изображения</figcaption>
</figure>


Обратите внимание, что путь к вашему gif файлу должен быть относительным или абсолютным URL-адресом.