HTML COURSE • LESSON 20

HTML Div Element

The <div> element is a general container used to group HTML elements.

Basic Div

Div Example

<div>

<h1>EDUHUB</h1>

<p>
Online learning platform.
</p>

</div>

Styled Div

<div
style="
background-color: black;
color: white;
padding: 20px;
"
>

<h2>
Code Hub
</h2>

<p>
Learn web development.
</p>

</div>

Page Sections

<div class="header">

Website Header

</div>

<div class="content">

Main Content

</div>

<div class="footer">

Website Footer

</div>

⭐ EDUHUB Tip

Use semantic elements such as <header>, <main> and <footer> when their meaning is clear. Use <div> for general grouping.