Вчера обещал рассказать вам про картинки. Сложно представить себе сайт без картинок и иллюстраций. Но как правильно вставлять их? Читайте далее! Картинку чаще всего вставляют с помощью тэга <img>. Атрибут src этого тэга позволяет указать путь к самой картинке. В итоге все выглядит примерно так: <img src="КартинкаПервая.jpg">. Как правильно указывать адрес картинки - читайте здесь. Но не все так просто. У <img> есть и другие атрибуты. Самые распространенные из них - height и width, то бишь ширина и высота...

Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...