Divisions

Part of the Fundamentals section of Coddy's HTML journey. Lesson 25 of 60.

Imagine you want to break your webpage into blocks to organize your content. In HTML, you can use a div to group elements together.

div tags are great for creating layouts and separating sections.

Here's the basic syntax:

<div>
	<!-- Content goes here -->
</div>

You can add other HTML elements inside a div, such as paragraphs, headings, images, and even other div elements.

Here's an example of how to use div tags to create a simple layout with a header, main content area, and footer:

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

Challenge

Easy

Create 3 div elements, placed one after another in your HTML document.

Inside each div, add a p tag that contains the name of a movie you like.

Try it yourself

<!DOCTYPE html>
<html>
    <body>
        <!-- Write code here -->
    </body>
</html>

Test yourself

This lesson includes a short quiz. Start the lesson to answer it and track your progress.

All lessons in Fundamentals

1HTML Basics

4Recipe Card

7Personal Profile Page

10Tables

2Text and Formatting

5Adding Content

8Forms and Inputs Part 1

11Event Registration Page

3Working with Lists

6Page Layout

9Forms and Inputs Part 2

12Final Challenges

Practice on your own: Web playground