# The Div Tag

Moving into the next section, you'll be seeing something called the a **div** tag popping up quite often.

Div tags basically function as a way to separate your page into sections you can then reference later.

<div align="center"><img src="https://3764443643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1CV_PDi4uSEWhb3GlC%2F-M3XY-UTIzp9s1c8RVn6%2F-M3XvP0pYHTrPuzyesGX%2Fwithoutdivtag.jpg?alt=media&#x26;token=763507a1-449a-4e0b-9aed-e773d88e056b" alt="Div Example - Each section can be colored separately "></div>

Div tags look like this: `<div>`

{% code title="div.html" %}

```markup
<!DOCTYPE html>
<html>
    <body>
        <div>
            <p>
                Hello there!!
            </p>
        </div>
    </body>
</html>

```

{% endcode %}

## Exercises

1. Create a document called **div.html.** Using the code above as a guide, create a div using the above sample as a guide.
