Добавление SVG на веб-страницу

Степень завершённости урока: 40%

Для добавления SVG на веб-страницу можно использовать на выбор:

- тег <svg>

<!doctype html>
<html>
   <head>
      <title>Пример использования тега svg</title>
      <meta charset='utf-8'/>
   </head>
   <body>
      <svg xmlns='http://www.w3.org/2000/svg' version='1.1'>
         <rect width="200" height="100" fill="green"/>
      </svg>
   </body>
</html>

- тег <img> (недостаток - невозможность изменения SVG с помощью CSS и Javascript)
- файл CSS, например, используя SVG-файл в качестве фона (недостаток - невозможность изменения SVG с помощью CSS и Javascript)

Страница обновлена 10 августа 2025 года.