HTML - Tag <div>

A tag div não é mais do que um container para outras tags. Aqui são alguns dos atributos div:

• id
• class
• title
• style
• height
• width

Os demais atributos não são usados normalmente, o trabalho deles foi tomado por CSS.

Aqui está um exemplo de uso da tag <div> :

html<div id="my_menu" align="right">
	<a href="#">HOME</a> | <a href="#">CONTATO</a> | <a href="#">SOBRE</a>
</div>

<div id="my_content" align="left" bgcolor="white">
	<h4>Título aqui</h4>
	<p>The div tag is a non-visual (by default) element that can be used to apply additional properties to content contained within it. Unlike the span tag</p>
</div>

Demo

A tag div é muito mais fácil de usar que a tag table, por isso recomendamos usar quantas vezes você precisar.

HTML - A tag div - fácil de ser modificada

Uma das razçoes pela qual é de fácil uso é para inrtoduzir nova informação com facilidade. Exemplificaremos isso para você.

Nesse exemplo, adicionamos alguns arquivos novos na página exemplificada acima.

html<div id="my_menu" align="right">
	<a href="#">HOME</a> | 
	<a href="#">CONTATO</a> | 
	<a href="#">SOBRE</a> |
	<a href="#">MAPA DO SITE</a>
</div>

<div id="my_content" align="left" bgcolor="white">
	<h4>Título HTML aqui</h4>
	<p>An HTML tag that is widely used to break apart a Web page into elements, each with its own layout attributes. The SPAN tag is somewhat similar to DIV, except that SPAN defines a small amount of text, whereas DIV defines an entire block of data on the page.</p>
	<h4>Segundo título HTML aqui</h4>
	<p>The Div macro wraps content in a div tag with optional class and styles.   The div tag is a non-visual (by default) element that can be used to apply additional properties to content contained within it. Unlike the span tag</p>
</div>

Demo