Divisões

Parte da seção Fundamentos do Journey de HTML da Coddy. Lição 25 de 60.

Imagine que você queira dividir sua página da web em blocos para organizar seu conteúdo. Em HTML, você pode usar uma div para agrupar elementos.

As tags div são ótimas para criar layouts e separar seções.

Aqui está a sintaxe básica:

<div>
	<!-- Conteúdo vai aqui -->
</div>

Você pode adicionar outros elementos HTML dentro de uma div, como parágrafos, títulos, imagens e até mesmo outros elementos div.

Aqui está um exemplo de como usar as tags div para criar um layout simples com um cabeçalho, uma área de conteúdo principal e um rodapé:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>

Desafio

Fácil

Crie 3 elementos div, colocados um após o outro no seu documento HTML.

Dentro de cada div, adicione uma tag p que contenha o nome de um filme de que você gosta.

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escreva o código aqui -->
    </body>
</html>

Teste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentos

1Fundamentos do HTML

4Cartão de Receita

7Página de Perfil Pessoal

10Tabelas

2Texto e Formatação

5Adicionando Conteúdo

8Formulários e Inputs Parte 1

11Página de Inscrição de Evento

3Trabalhando com Listas

6Layout da Página

9Formulários e Inputs Parte 2

12Desafios Finais

Pratique por conta própria: Playground de Web