Чтобы добавить картинку в HTML, вы можете использовать несколько способов. Вот некоторые из наиболее распространенных способов:

1. Использование тега :
   Тег  — это стандартный тег HTML, используемый для отображения изображений. Чтобы использовать его, вам необходимо указать источник (URL или путь к файлу) изображения в атрибуте src. Вот пример:

   <img src="image.jpg" alt="Description of the image">

   В приведенном выше примере «image.jpg» — это источник изображения, а «Описание изображения» — это альтернативный текст, который будет отображаться, если изображение не загрузится.

2. Использование фоновых изображений CSS.
   Вместо использования тега вы также можете установить изображение в качестве фона HTML-элемента с помощью CSS. Вот пример:

   <div ></div>

   В этом примере изображение «image.jpg» будет установлено в качестве фонового изображения элемента

   .

3. Встроенные URL-адреса данных.
   Вы можете вставлять небольшие изображения непосредственно в HTML-документ, используя URL-адреса данных. URL-адреса данных кодируют данные изображения как строку base64. Вот пример:

   <img src="data:image/png;base64,iVBORw0KG...=" alt="Description of the image">

   В этом примере данные изображения закодированы в строку base64 и помещены непосредственно в атрибут src.

4. Использование SVG:
   Если вы хотите добавить масштабируемую векторную графику (SVG) в свой HTML, вы можете использовать тег . SVG позволяет создавать и манипулировать векторной графикой с использованием XML. Вот пример:

   <svg width="100" height="100">
    <circle cx="50" cy="50" r="40" fill="red" />
   </svg>

   В этом примере создается круг SVG с красной заливкой.

Тег в SVG”

, фоновые изображения CSS, URL-адреса встроенных данных, изображения SVG