Web | This Site

HTML Home
HTML Tags Reference
Selected Reading
© 2011 TutorialsPoint.COM

| Home |  | References |  | Discussion Forums |  | About TP

# HTML <div> tag

## Function:

The HTML <div> tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS.

The difference between the div tag and the span tag is that the div tag is used with block-level elements whilst the span tag is used with inline elements.

## Difference between HTML and XHTML:

The align attribute of <div> is deprecated in HTML as well as in XHTML.

## Example:

    <div style="background-color:orange;text-align:center">
      <p>Navigation section</p>
    </div>
    <div style="border:1px solid black;text-align:right ">
      <p>Content section</p>
    </div>

This will produce following result:

Navigation section Content section

## Online Practice:

To Become more comfortable - Do Online Practice

## Attributes:

Attribute | Value | Description
--- | --- | ---
align | left right center justify | Deprecated Defines alignment of the content enclosed in div tag.

## Standard Attributes:

Attribute | Description
--- | ---
class | Document wide identifier
dir | Specifies the direction of the text
id | Document wide identifier
title | Specifies a title to associate with the element.
style | Helps to include inline casecadubf style sheet.
lang | Sets the language code.

## Event Attributes:

Attribute | Description
--- | ---
onclick | Script runs when a mouse click
ondblclick | Script runs when a mouse double-click
onmousedown | Script runs when mouse button is pressed
onmouseup | Script runs when mouse button is released
onmouseover | Script runs when mouse pointer moves over an element
onmousemove | Script runs when mouse pointer moves
onmouseout | Script runs when mouse pointer moves out of an element
onkeypress | Script runs when key is pressed and released
onkeydown | Script runs when key is pressed
onkeyup | Script runs when key is released

Advertisement

Online Image Processing

Indian Baby Names