Изображения обладают способностью преобразить сайт или продукт, наполняя его яркостью и привлекая внимание. Они выходят за рамки простой декорации, выступая в роли визуальных рассказчиков, которые передают сообщения и направляют пользователей в интерфейсе. Понимание того, как эффективно использовать изображения в HTML, необходимо для создания увлекательного и выразительного пользовательского опыта.
В этом уроке вы погрузитесь в мир HTML-изображений, изучите их безграничный потенциал и освоите базовые техники их бесшовной интеграции в веб-страницы. От выбора правильных форматов изображений до оптимизации размера файлов — вы узнаете все тонкости работы с изображениями в HTML. Также вы получите представление о правильной структуре и позиционировании изображений, чтобы обеспечить гармоничное визуальное оформление ваших дизайнов.
Синтаксис изображения
Чтобы вставить изображение на HTML-страницу, используется тег <img>. Это пустой тег, поэтому его не нужно закрывать. Атрибуты src и alt обычно указываются первыми в теге <img>. Наиболее распространённые форматы изображений, поддерживаемые всеми браузерами: APNG, GIF, ICO, JPEG, PNG, WEBP и SVG…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!