Learning Hub Logo
HTML
  • Introdução ao HTML
  • Editores HTML
  • Estrutura Básica de um Documento HTML
  • Elementos HTML
  • Atributos HTML
  • Títulos HTML
  • Parágrafos HTML
  • Estilos Inline no HTML
  • Formatação de Texto em HTML
  • Citações HTML
  • Comentários em HTML
  • Links em HTML
  • Imagens em HTML
  • Favicon no HTML
  • Título da Página no HTML
  • Tabelas HTML
  • Listas HTML
  • Elementos Block e Inline
  • Divs no HTML
  • Classes no HTML
  • ID no HTML
  • Botões no HTML
  • Iframes no HTML
  • HTML e JavaScript
  • Caminhos de Arquivo no HTML
  • Head no HTML
  • Layout no HTML
  • HTML Responsivo
  • Tags de Código no HTML
  • HTML Semântico
  • Guia de Estilo HTML
  • Entidades, Símbolos e Emojis no HTML
  • Charsets, URL Encode e XHTML
  • Formulários HTML
  • Inputs em Formulários HTML
  • Gráficos no HTML
  • Mídia no HTML

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
HTMLDivs no HTML
1 min de leitura

Divs no HTML

Como usar a tag div para agrupar partes da página

O papel da div

A tag <div> é usada para agrupar conteúdo.

Sozinha, ela não tem um significado semântico especial. O trabalho dela é organizar partes da página para facilitar estilização e estrutura.

Exemplo básico

Carregando...

Exemplo com mais de um bloco

Carregando...

Cada div funciona como uma caixa que agrupa elementos.

Exemplo com estilo

Carregando...

Quando usar?

Use div quando você precisa agrupar conteúdo sem que exista uma tag semântica mais adequada.

Em outras palavras: ela resolve bastante coisa, mas não deve ser utilizada como substituta de tags semânticas. Quando houver uma tag mais específica, normalmente ela é a melhor escolha.

AnteriorElementos Block e InlinePróximo Classes no HTML