html tutorial - <div> Division Tag in HTML - html5 - html code - html form




div tag

Learn html - html tutorial - div tag - html examples - html programs

  • <div> tag is used to define division or a section of a html document.
  • The <div> tag is used to group element for styling purpose.
  • The <div> tag supports the Global Attributes and Event Attributes.
  • The <div> tag belongs to Flow content category and palpable content.

Syntax for <div> tag:

<div>Content</div> 

Differences between HTML 4.01 and HTML 5 for <div> tag in HTML:

HTML 4.0.1

  • HTML 4 is support align attribute.

HTML 5

  • HTML 5 is does not support align attribute.

Sample Coding for <div> tag:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy div tag</title>
    </head>
    <body>
        <h2>Wikitechy HTML div tag.</h2>
        <div style="color: red">
            <h2>This is a heading in a div element.</h2>
            <p>This is a paragraph in a div element.</p>
        </div>
    </body>
</html>

Code Explanation for <div> tag:

Division <div> Tag Code Explanation

  1. <div> tag used to group the <h2> and <p> tag.
  2. style attribute is used to set red color for the contents inside the <div> tag.

Output for <div> tag:

Division <div> Tag Output

  1. The <h2> tag content “Wikitechy HTML div tag” is displayed in default color (black).
  2. The <h2> tag content “This is a heading in a div element.” Is displayed in red color because it is placed inside the <div> which is styled in red color.
  3. The <p> tag content “This is a paragraph in a div element.” This also declared inside the <div> tag so this is also colored in red.

Browser Support for <div> tag in HTML:

Yes Yes Yes Yes Yes

Tips and Notes

  • The <div> element is frequently used together with CSS to layout a webpage.
  • By default, browsers always place a line break before and after the <div> element. However, this can be changed with CSS.

Related Searches to div tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×