HTML Academy
Предыдущее задание
Ссылки и изображения17/17
Вернуться в список заданий
  1. 1. Что такое ссылка, тег a
  2. 2. Относительные адреса
  3. 3. Абсолютные адреса
  4. 4. Ссылка на файл
  5. 5. Ссылка-якорь
  6. 6. Тег img, изображение
  7. 7. Форматы изображений, формат SVG
  8. 8. Формат JPEG
  9. 9. Формат PNG
  10. 10. Формат GIF
  11. 11. Размеры изображения
  12. 12. Атрибут alt
  13. 13. Изображение-ссылка
  14. 14. Теги figure и figcaption, демонстрационный материал
  15. 15. Ссылки с пустым href, атрибут title
  16. 16. Конспект «Ссылки и изображения»
  17. 17. Испытание: галерея агентства кошачьих путешествий
Список заданий
Оформить подписку
  • Регистрация
  • Войти

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения. Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью соцсетей.

  • ФБ
или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Испытание: галерея агентства кошачьих путешествий</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Галерея путешествий</h1> <p> Оправдание <q>У меня лапки</q> больше не работает.<br> Путешествуйте вместе с нашим агентством. Мяу. </p> <div class="gallery"> <!-- Подключите картинки ниже --> </div> </body> </html>
CSS
body { width: 550px; margin: 0; padding: 0 10px; font-family: "Arial", sans-serif; font-size: 16px; line-height: 20px; }

Что в задании вам не понравилось?

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
  • Образец
  • Результат
  • Наложение
  • Различия
  • ?

Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.

Не удалось загрузить образец. Попробуйте позже.

Образец — интерфейс, который вам нужно получить.

Результат — то, как видит ваш код наш сервер. Может отличаться от того, что в мини-браузере. Сравнение происходит между этим результатом и образцом.

Наложение — полупрозрачный результат отображается над образцом.

Различия — карта различий между образцом и результатом.

0
    Выполнено 0%.
    Код был изменён
    Логотип HTML Academy
    • Наша группа в VK
    • Наш канал на YouTube
    • Наша страница в Twitter
    • Наш канал в Telegram
    Инновационный центр Сколково

    Практикум

    • Курсы для новичков
    • Подписка

    Профессии

    • Фронтенд-разработчик
    • JavaScript-разработчик
    • Фулстек-разработчик
    Курсы
    • HTML и CSS.
      Профессиональная вёрстка сайтов
    • HTML и CSS.
      Адаптивная вёрстка и автоматизация
    • JavaScript.
      Профессиональная разработка веб-интерфейсов
    • JavaScript.
      Архитектура клиентских приложений
    • React.
      Разработка сложных клиентских приложений
    • Node.js.
      Профессиональная разработка REST API
    • Node.js и Nest.js.
      Микросервисная архитектура
    • TypeScript. Теория типов
    • Алгоритмы и структуры данных
    • Паттерны проектирования
    • Webpack
    • Vite
    • Vue.js 3. Разработка клиентских приложений
    • Git и GitHub
    • Анимация для фронтендеров
    Журнал
    • Справочник по HTML
    • Учебник по Git
    • Учебник по PHP

    Информация

    • Об Академии
    • О центре карьеры

    Услуги

    • Работа наставником
    • Для вузов и колледжей
    • Для учителей

    Остальное

    • Написать нам
    • Мероприятия
    • Форум
    • Акции
    • Отзывы о курсах

    СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № Л035-01271-78/00176657© ООО «Интерактивные обучающие технологии», 2013−2025