Вёрстка — это процесс, когда мы создаём веб-страницу, чтобы она выглядела так, как мы хотим. Мы используем два инструмента: HTML и CSS.
HTML — это как каркас дома. Он показывает, из каких частей будет состоять страница. Например, это может быть заголовок, текст и изображения. Он рассказывает, что где должно находиться.
CSS — это как краска и обои для этого дома. Он делает страницу красивой. С помощью CSS мы можем выбрать цвета, шрифты и размеры, чтобы страница выглядела привлекательно.
SVG — это специальный язык для рисования картинок. Он позволяет рисовать простые формы, такие как линии, круги и квадрат. Эти картинки могут быть вставлены в страницу, и к ним можно применять стили, как с помощью CSS, чтобы сделать их красивее.
Так что вёрстка — это комбинация HTML (каркас) и CSS (декор), а SVG — это способ рисовать картинки для страницы.
Вёрстка - написание CSS + HTML так, чтобы получившийся результат (вид страницы сайта в браузере) был максимально близок к макету (рисунку), предоставленному дизайнером.
HTML - язык, определяющий структуру страницы сайта. Задающий набор блоков, из которых состоит страница сайта, и вложенность друг в друга этих блоков.
CSS - язык, определяющий внешний вид (стили) HTML-блоков на странице сайта.
SVG - язык описания векторного изображения. В отличие от HTML, определяет не набор блоков, а набор графических элементов (прямая, эллипс, прямоугольник, дуга и т.д.) из которых собирается изображение. SVG может быть встроен непосредственно в HTML и к элементам SVG так же могут быть применены CSS-стили.
css и html - языки для создания веб страниц. svg - формат векторного изображения, т. е. такого, которое можно увеличивать до бесконечности и качество не будет падать