Спойлер на чистом HTML
Как вставить svg в html. Вставляем inline svg в html-код
Привет! Сегодня рассмотрим, как правильно размещать svg-иконки на странице Inline-методом. Рассмотрим, как быть, когда валидатор ругается на одинаковые id. Поехали!
Итак, как вставить svg в html. Ну, на самом деле все довольно просто. Если Вы хотите вставить — берете и вставляете. <div class="item">
<div class="item__icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.989 611.988">
<g>
<g id="Wi-Fi">
<g>
<path d="M305...
Готовый HTML код для игры в карты. Подстраиваем под себя и пользуемся.
Вот пример простого HTML-кода для игры в карты: <!DOCTYPE html> <html> <head> <title>Игра в карты</title> <style> .card { width: 100px; height: 150px; border: 1px solid black; background-color: white; text-align: center; display: inline-block; margin: 10px; font-size: 24px; } </style> </head> <body> <div class="card">A</div> <div class="card">2</div> <div class="card">3</div> <div class="card">4</div> <div class="card">5</div>...