Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 29 из 70 · 9 мин
Встроенный SVG: фигуры, viewBox и доступные иконки. MathML для математических формул.
Дизайнер прислал логотип в SVG. Это что?
Картинка из формул. Растягивай хоть на билборд — будет чёткой.
<svg>circle, rect, path. Можно красить через CSS.<svg width="80" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="40" fill="#6b3e26"/>
</svg>0 0 100 100, который масштабируется до размера SVG.aria-hidden · rolearia-hidden="true". Значащей — role="img" и aria-label.<math><math><msup><mi>x</mi><mn>2</mn></msup></math>Нарисуй прямо в HTML значок-материал — жёлтый круг: svg с viewBox="0 0 100 100" и внутри circle с центром 50,50, радиусом 40 и fill="gold". Дай значку role="img" и aria-label.
viewBox="0 0 100 100" — пока нетgold — пока нетrole и aria-label — пока нетВыберите один ответ.
Что задаёт атрибут viewBox у SVG?
Выберите один ответ.
Иконка «Play» стоит рядом с текстом «Смотреть» внутри кнопки. Как её оформить?
Выберите один ответ.
Почему формулы лучше размечать MathML, а не картинками?
Проверяем состояние обучения…