2 года назад
Слайдер с фото на JS
Всего лишь несколько строчек кода в JS оживят картинки и при клике/наведении на них будут раскрываться и, по желанию, добавлять текст. В HTML нам понадобиться класс banner, в который будет вложен класс slideMenu и непосредственно дивы с классом slide, которых может быть любое количество. Я сразу добавила стиль для слайда, сделав фото свойством background, но это не обязательно. Таким образом мы не сможем контролировать размеры фотографии. Код: https://codepen.io/AlinaK96/pen/oNaXxRw Из интересного в CSS: 1...
Работа с изображениями на HTML
Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором следует задавать путь к файлу картинки. При этом сам тег не требует закрывающего тега. Давайте посмотрим на примере. Пусть в корневой папке нашего сайта находится файл smile.png с картинкой. Давайте выведем ее на странице нашего сайта: Задача 1 Разместите на странице вашего сайта какую-нибудь картинку. Ширина картинки По умолчанию картинки отображаются своим реальным размером...