<div>

Container Genérico em Bloco

Definição:

A tag <div> vem do inglês division e significa divisão.

Esta tag define um bloco ou container na página, permitindo que folhas de estilo em cascata (CSS) sejam aplicadas a todos as tags contidas entre <div> e </div>.

Suporte:

Netscape: 2.0
Internet Explorer: 3.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dicas:

Este é considerado um elemento de bloco, ou seja, haverá uma quebra de linha antes e após o bloco.

A tag <div> pode conter outros elementos de bloco como <p> e <table>.

Exemplo:

Código Resultado
<div style="background-color:
yellow;"><p>&nbsp;</p>
<table style="margin-left: auto;
margin-right: auto;">
<tr><td>Cidade</td><td>
Estado</td><tr><td>Araraquara
</td><td>São Paulo</td><tr>
<td>Indiaroba</td><td>Sergipe
</td></tr></table><p>&nbsp;
</p></div>

 

Cidade Estado
Araraquara São Paulo
Indiaroba Sergipe

 

Atributos Padrão:

class, dir, id, lang, style, title

Atributo Opcional:

Atributo Valor Descrição
align center
justify
left
right

Este atributo é obsoleto e não deve ser utilizado. Recomenda-se usar folhas de estilo em cascata para a obtenção dos mesmos resultados. Este atributo não é aceito na especificação DTD estrito.

center = o texto será centralizado
justify = o texto será alinhado à esquerda e à direita.
left = o texto será alinhado à esquerda.
right = o texto será alinhad à direita.

Eventos Associados:

onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup