• Теория
  • Теория

Испытание: пирамиды

Нарисуйте пейзаж с пирамидами, используя rect и polygon.

Цвета: skyblue, yellow, goldenrod, darkgoldenrod.

Все значения кратны десяти.

Не забывайте, что в SVG важно закрывать теги: например, <rect/> или <rect></rect>. От этого зависит, как интерпретируется код.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

<svg width="540" height="290">
  <rect width="100%" height="290" fill="yellow" />
  <rect width="100%" height="190" fill="skyblue" />

  <polygon points="90,240 240,70 390,240" fill="goldenrod" />
  <polygon points="250,260 350,150 450,260" fill="darkgoldenrod" />
</svg>

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс «HTML и CSS. Профессиональная вёрстка сайтов». Цена 8000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

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

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

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с SVG» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.