Skip to main content
Practice

div Tag

The <div> element in HTML is a block-level element used to divide or group parts of a webpage.

You can use the <div> element as follows:

div Tag
<div>
  <!-- Space to add content -->
</div>

The <div> element is used to apply styles or layouts to grouped elements or to manipulate elements dynamically with JavaScript.

For instance, the following HTML code uses the <div> element to group a section title and content:

Grouping a Section with div Element
<div>
  <h2>Section Title</h2>
  <p>Section Content</p>
</div>

Note that when grouping sections, it's more semantic to use the <section> element.

The <div> element can also be used as an empty element and can have CSS classes and identifiers (id) to provide selectors for specific sections.

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.