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>