Загрузка файлов на CSS и JS с нуля. JavaScript практика
Компонент Next.js <Image /> и оптимизация изображений
Привет всем! Сегодня мы рассмотрим Next.js. Это гибкий #фреймворк React (да-да, о котором мы говорили в своей прошлой публикации), который предоставляет вам конструкторские блоки для создания быстрых веб-приложений. У него есть куча интересных функций прямо из коробки. Вместо того, чтобы говорить обо всем этом, мы сосредоточимся на одной функции, которую мы находим очень интересной и которая значительно ускоряет работу вашего веб-приложения. Для тех, кто хочет узнать больше, Next.js обладает обширной документацией...
Работа с изображениями на HTML
Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором следует задавать путь к файлу картинки. При этом сам тег не требует закрывающего тега. Давайте посмотрим на примере. Пусть в корневой папке нашего сайта находится файл smile.png с картинкой. Давайте выведем ее на странице нашего сайта: Задача 1 Разместите на странице вашего сайта какую-нибудь картинку. Ширина картинки По умолчанию картинки отображаются своим реальным размером...