Итак, в прошлом выпуске мы создали первую HTML-страницу, которую мы будем дополнять по мере изучения нового материала. Сегодня поговорим о добавлении картинки на ваш сайт. Есть два основных способа: Создадим папку img в папке, где находится наш html-документ: так будет очень просто в будущем указывать расположение картинки Открываем кодовый редактор с html-документом, сделанным на прошлом занятии. Ниже строчки Hello world печатаем img и нажимаем TAB на клавиатуре <img src="" alt=""> должно получиться такое...

Очередная интересная штука от разработчиков HTML, о которой мало кто знает. Итак, обычно элемент <img> позволяет указать только один путь к файлу: А если мы хотим разные размеры под разные разрешения? Конечно, можно помучиться с JS, бэком или даже CSS. Но есть путь проще, “из коробки”. Два новых атрибута — srcset и sizes — позволяющие добавить дополнительные изображения с пометками, чтобы браузер выбрал подходящее. srcset включает названия изображений, среди которых браузер выберет нужное и их размеры...