Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором следует задавать путь к файлу картинки. При этом сам тег не требует закрывающего тега. Давайте посмотрим на примере. Пусть в корневой папке нашего сайта находится файл smile.png с картинкой. Давайте выведем ее на странице нашего сайта: Задача 1 Разместите на странице вашего сайта какую-нибудь картинку. Ширина картинки По умолчанию картинки отображаются своим реальным размером...

Современный веб — это мир, где один и тот же сайт открывают на ноутбуке, смартфоне, планшете и огромном 4K-мониторе. И если верстка ещё кое-как переживает такие эксперименты, то изображения без правильной настройки быстро превращаются в главную боль интерфейса. В этой статье разберёмся, что такое резиновые изображения, зачем они нужны, почему box-sizing не спасает, как правильно использовать calc() и чем принципиально отличаются контентные и фоновые изображения. Итак, поехали. Резиновыми называют изображения, размеры которых зависят от размеров родительского блока...