Найти в Дзене

Тег - IMG в языке HTML. Как вывести картинку на сайт, как сделать картинку адаптивной.

!ВИДЕО! = https://youtu.be/QUbAhkIorwQ !КОД! = https://clck.ru/f4QLX !YOUTUBE! = https://www.youtube.com/channel/UCWLTSuC2NpmAlh7w1AdLuww !YANDEX.ZEN! = https://zen.yandex.ru/id/617e0ab2e9e5f73f48cb0650 !VKONTAKTE! = https://vk.com/club206854134 !RUTUBE! = https://rutube.ru/channel/23652664/ !ODNOKLASSNIKI! = https://ok.ru/group/62714637516971 !TIKTOK! = https://www.tiktok.com/@programmirovanie1?lang=ru-RU Приветствуем вас на канале "FA Read - Школа программирования". Сегодня вы узнаете , каким тегом пользоваться для вывода картинки? Тегом <IMG> - одиночный тег. Как вывести картинку с помощью этого тега? Эта конструкция простым языком выглядит так: <картинка поиск = "ПОЛНЫЙ ПУТЬ К КАРТИНКЕ"> Что такое ПОЛНЫЙ ПУТЬ К ФАЙЛУ вы узнаете в этом видео !(https://youtu.be/zq2R028BEE4 (превью в рамке))! ссылка в описании. на мои соц сети кстати, тоже в описании продолжаем писать код начало видео вот так это выглядит. Теперь сделаем картинку адаптивной добавив одно свойство. И как видим всё ра

!ВИДЕО! = https://youtu.be/QUbAhkIorwQ

!КОД! = https://clck.ru/f4QLX

!YOUTUBE! = https://www.youtube.com/channel/UCWLTSuC2NpmAlh7w1AdLuww

!YANDEX.ZEN! = https://zen.yandex.ru/id/617e0ab2e9e5f73f48cb0650

!VKONTAKTE! = https://vk.com/club206854134

!RUTUBE! = https://rutube.ru/channel/23652664/

!ODNOKLASSNIKI! = https://ok.ru/group/62714637516971

!TIKTOK! = https://www.tiktok.com/@programmirovanie1?lang=ru-RU

Приветствуем вас на канале "FA Read - Школа программирования".

Сегодня вы узнаете , каким тегом пользоваться для вывода картинки?

Тегом <IMG> - одиночный тег.

Как вывести картинку с помощью этого тега?

Эта конструкция простым языком выглядит так:

<картинка поиск = "ПОЛНЫЙ ПУТЬ К КАРТИНКЕ">

Что такое ПОЛНЫЙ ПУТЬ К ФАЙЛУ вы узнаете в этом видео !(https://youtu.be/zq2R028BEE4 (превью в рамке))! ссылка в описании.

на мои соц сети кстати, тоже в описании

продолжаем писать код

начало видео

вот так это выглядит.

Теперь сделаем картинку адаптивной добавив одно свойство.

И как видим всё работает.

Вы скажите ну с этим понятно. а что делать если картинка в интернете?

По хорошему надо скачать, иначе жмем правой кнопкой мыши и выбираем копировать url адрес картинки,

Либо можно поступить умнее войти в панель разработчика нажав комбинацию Ctrl+Shift+I потом нажать комбинацию Ctrl+F

потом вводим наш тег и жмём Enter , пока не подсветится наша картина

Проверяем

Вставляем адрес сохраняем, промеряем

конец видео

В следующем видео мы познакомимся с тегом для вывода видео.

Что увидеть этот ролик в числе первых , нужно подписаться на канал, поставить лайк и нажать на колокольчик .

ну и на остальных соц.сети подпишитесь , чтобы не потеряться в случае блокировки Ютуба.

До скорых встреч!