Урок #06 – Картинки (Images) в HTML для начинающих Курсы программирования для новичков с нуля
Не знаешь, как вставить картинку в html? Независимо от того, являешься ли ты НОВИЧКОМ или имеешь некоторый ОПЫТ РАБОТЫ с HTML и хочешь ОСВЕЖИТЬ СВОИ НАВЫКИ, этот урок подходит для разных уровней знаний. Так что НЕ ПРОПУСТИ! ЭТО ВИДЕО для тебя!
!!! В курсе НЕ рассматриваются CSS и JS !!!
HTML | АВТОР КУРСА - webDev / YauhenKavalchuk | подпишись на КАНАЛ АВТОРА:
ПЛЕЙЛИСТ КУРСА: • HTML | webDev / YauhenKavalchuk | #пр...
--------------------------------------------------------------------------------
АВТОР КУРСА | HTML5. Базовый полный курс | - webDev / YauhenKavalchuk:
/ @yauhenkavalchuk
• HTML5 #6 Картинки (Images)
МАТЕРИАЛЫ КУРСА (github):
https://github.com/YauhenKavalchuk/html5
--------------------------------------------------------------------------------
Привет!
СОДЕРЖАНИЕ:
⏱ 0:0 - начало
⏱ 0:0 - как вставить картинку в html
⏱ 0:0 - одинарный тег "img"
⏱ 0:0 - атрибуты "src", "alt"
⏱ 0:0 - атрибут "width" и "height"
⏱ 0:06 - Адаптивный веб-дизайн (responsive web design)
⏱ 0:0 - CSS и жесткое задание размеров картинки в HTML
⏱ 0:0 - парный тег "picture" и одинарный тег "source"
⏱ 0:0 - атрибут "srcset"
⏱ 0:0 - теги "picture" и "source" (как вставить аудио в html / как вставить видео в html)
⏱ 0:0 - атрибут "media"
⏱ 0:0 - семантика и доступность картинки
⏱ 0:0 - парные теги "figure" и "figcaption"
⏱ 0:0 - теги "figure", "figcaption"
⏱ 0:0 - вставка нескольких картинок при помощи "figure"
⏱ 0:0 - заключительная часть
ПОЛЕЗНЫЕ ССЫЛКИ:
Редакторы кода:
- Visual Studio Code (https://code.visualstudio.com/)
- Sublime Text (https://www.sublimetext.com/)
- Atom (https://atom-editor.cc/)
- Brackets (https://brackets.io/)
- Phoenix (https://phcode.dev/)
- Notepad++ (https://notepad-plus-plus.org/)
- WebStorm (https://www.jetbrains.com/ru-ru/webst...)
Расширения (плагины):
- Emmet (https://emmet.io/)
- Live Server (https://marketplace.visualstudio.com/...)
- vscode-icons (https://marketplace.visualstudio.com/...)
- Highlight Matching Tag (https://marketplace.visualstudio.com/...)
