Menu
CoddyTech

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 o 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.

Esta é a sintaxe básica:

<div>
	<!-- O 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 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>
challenge icon

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>
quiz iconTeste 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

Pratique por conta própria: Playground de Web