В чем разница между тегами <div>, <img> и <p>?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

div - универсальный контейнер для группировки элементов, не имеет семантического значения. Часто используется для создания макетов.

img - используется для встраивания изображений в документ. Обязательный атрибут src указывает путь к файлу изображения. Атрибут alt предоставляет альтернативный текст для доступности.

p - представляет абзац текста. Браузеры обычно добавляют отступы до и после элемента <p>.

Основные отличия:

Тег	Назначение	Семантика	Отображение по умолчанию
`div`	Контейнер для группировки	Нет	Блочный
`img`	Встраивание изображения	Указывает на изображение	Строчно-блочный
`p`	Представляет абзац текста	Указывает на абзац	Блочный

Пример:

<div>
  <h1>Заголовок</h1>
  <p>Это абзац текста.</p>
  <img src="image.jpg" alt="Описание изображения">
</div>