HTML div Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

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. For example, you could have your navigation section wrapped in one div and your main content section in another div.

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.

HTML 5 has introduced a number of new tags that will replace traditional usage of the div tag. Examples include article, aside, nav, header, footer, and section.

Example
<div style="background-color:orange;text-align:center">
  <p>Navigation section</p>
</div>
<div style="border:1px solid black">
  <p>Content section</p>
</div>
Attributes:
Attributes specific to this tag:
None 
Other Attributes:
AttributeDescription
dirSpecifies the direction of the text
classDocument wide identifier.
idDocument wide identifier
langLanguage code
titleSpecifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip").
styleInline style (CSS)
alignSpecifies alignment (left, right, center, justify).
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself!


Also see the HTML 5 version of HTML tags

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo