Sobes.tech
Intern

Qual é a diferença entre as tags <div>, <img> e <p>?

sobes.tech IA

Resposta da IA

div - um contêiner universal para agrupar elementos, não possui valor semântico. Frequentemente usado para criar layouts.

img - usado para incorporar imagens no documento. O atributo obrigatório src indica o caminho para o arquivo de imagem. O atributo alt fornece um texto alternativo para acessibilidade.

p - representa um parágrafo de texto. Os navegadores geralmente adicionam margens antes e depois do elemento <p>.

Principais diferenças:

Tag Propósito Semântica Exibição padrão
div Contêiner para agrupamento Nenhum Bloco
img Inserção de imagem Indica uma imagem Inline-bloco
p Representa um parágrafo de texto Indica um parágrafo Bloco

Exemplo:

<div>
  <h1>Título</h1>
  <p>Isto é um parágrafo de texto.</p>
  <img src="image.jpg" alt="Descrição da imagem">
</div>