html
  1. html-div-tag
PreviousNext

HTML <div> Tag

  • The <div> tag in HTML is a versatile and fundamental element used to create divisions or sections within a web page.
  • It's a block-level container that allows you to group and structure content, applying CSS styles or scripting to the enclosed elements.

<div class="container" id="main-content">
    <h1>Welcome to the Additional Sheet</h1>
    <p>This is a sample paragraph within a div.</p>
</div>
Try Playground

The <div> tag is often used to group elements together, allowing you to apply styling or behavior to multiple elements simultaneously.

Attributes:

  • class: Specifies one or more class names for an element, allowing you to apply styles or JavaScript to multiple elements with the same class.
  • id: Provides a unique identifier for the element, allowing for specific targeting in CSS or JavaScript.

Applicability

  • Structuring Content: It's commonly used to logically group and organize sections of content on a webpage.
  • Styling: By assigning classes or IDs to
    elements, you can apply CSS styles to specific sections of the page.
  • Scripting: JavaScript can interact with and manipulate the content within
    elements.
  • Layout: It's a key component in creating the layout structure of a webpage, especially when combined with other HTML and CSS elements.
<dialog> Tag<embed> Tag
Published on: