138 читали · 2 года назад
Проект: эффектно переключаем картинки на странице
Как в бумажном журнале На сайтах фотографов, книгоделов и дизайнеров иногда используется такой приём: можно полистать картинки, которые как будто напечатаны в журнале. Выглядит примерно так: Сегодня сделаем то же самое и заодно посмотрим, как оно устроено изнутри. Логика работы Внутри у таких проектов много невидимой глазу работы: Чтобы это сделать, нам понадобится HTML-страница; скрипт, который обработает переворачивание; и стили, где мы распишем всю внешнюю красоту. Начнём со страницы. Готовим...
Работа с изображениями на HTML
Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором следует задавать путь к файлу картинки. При этом сам тег не требует закрывающего тега. Давайте посмотрим на примере. Пусть в корневой папке нашего сайта находится файл smile.png с картинкой. Давайте выведем ее на странице нашего сайта: Задача 1 Разместите на странице вашего сайта какую-нибудь картинку. Ширина картинки По умолчанию картинки отображаются своим реальным размером...