WEB-СТАРТ: Как правильно добавлять изображения в HTML
Изображения — не просто «красивости», а важная часть контента! В HTML они вставляются через тег <img> с двумя обязательными атрибутами:
🔹 src — путь к картинке (относительный или абсолютный)
🔹 alt — альтернативный текст для доступности и SEO
📏 Размеры лучше задавать через CSS, а не HTML-атрибуты.
📱 Для адаптивности используйте srcset и sizes — браузер сам выберет подходящее изображение под устройство.
✨ С помощью CSS можно:
• Сделать круглое фото (border-radius)
• Контролировать масштаб (object-fit: cover/contain)
💡 Помните:
— Логотипы, баннеры, иллюстрации — через <img> (несут смысл).
— Фон — через background-image в CSS (это декор).
Правильная работа с изображениями = красивый, быстрый и доступный сайт! 🚀
#WEBСтарт #HTML #ВебДизайн #FrontendTrends
