Кто-то недавно спросил меня, как я подхожу к отладке встроенных SVG. Поскольку это часть DOM, мы можем проверить любой встроенный SVG в любом браузере DevTools. И благодаря этому у нас есть возможность оценить ситуацию и выявить любые потенциальные проблемы или возможности для оптимизации SVG. Но иногда мы вообще не можем видеть наши SVG. В этих случаях есть шесть конкретных вещей, на которые я обращаю внимание при отладке. 1. Значения viewBox viewBox часто вызывает путаницу при работе с SVG. Технически...

В этом уроке мы с вами будем учиться вставлять изображение в HTML документ, для этого есть специальный тег <img> (англ. Image) и это одинарный тег. Кстати подумайте, почему все известные нам теги парные, а тег <img> одинарный? Просто картинка не может в одном месте начаться, а через два абзаца закончиться, поэтому логично, что тег <img> одинарный. Тег <img> вставляется в определенное место и это конкретная картинка. Подготовка Прежде чем вставлять картинку в наш HTML документ, давайте скопируем картинку...