HTML <div> Element
The HTML <div> tag is a block-level element used to create divisions in an HTML document. It is often used to group and style elements together.
Here is an example of how the <div> tag can be used:
<div>
<h2>Welcome to our website!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
In the example above, the <div> tag contains a <h2> heading and a <p> paragraph. The contents inside the <div> will be considered as a single block.
The <div> tag can also be used to apply CSS styles, add JavaScript functionality, or organize content.
Main Attributes of the <div> Tag:
| Attribute | Description |
|---|---|
| class | Specifies one or more class names for an element (referenced by CSS or JavaScript) |
| id | Specifies a unique id for an element (referenced by CSS or JavaScript) |
| style | Specifies an inline style for an element |
Here is an example of using the class attribute with the <div> tag:
<div class="container">
<h3>This is a styled container</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
In the example above, the <div> tag has a class attribute with the value "container". This class can be styled in an external CSS file or internally using the style attribute.
Remember, the <div> tag is a generic container element and has no specific meaning. It is often used to group elements together or style content in a specific way.