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	Navigation section Content section
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) align Specifies alignment (left, right, center, justify). onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	<div style="background-color:orange;text-align:center"> <p>Navigation section</p> </div> <div style="border:1px solid black"> <p>Content section</p> </div>