Definição e uso de: <DIV></DIV>
HTML com Estilo
O marcador <DIV></DIV> "Division Element" ou divisão é utilizado para definir espaços dentro de uma página HTML, principalmente quando se usa em conjunto com CSS.
O alinhamento horizontal da tag <DIV></DIV> quando não especificado é a esquerda da página, pode ser à direita, no centro ou justificado. Estes três últimos têm que ser declarados.
Imagine uma tabela com células com alturas e larguras iguais. Imagine agora o perímetro daquela tabela e dentro se queira colocar espaços com alturas e larguras diferentes então se usa o marcador <DIV></DIV> juntamente com seletores de CSS quando então se pode colocar naquele perímetro tags <DIV></DIV> como se usasse coordenadas cartesianas.
O uso da tag <DIV></DIV> somente com os atributos do HTML mais se parece com a tag <P></P>.
Quando do HTML 5 já se recomenda os usos das tags <ARTICLE><ARTICLE> ou <NAV><NAV>, no lugar da tag <DIV></DIV>, não se esquecendo que os navegadores hoje necessitam motores especificos para resolverem as tags que serão incorporadas no HTML 5.
A marcação inicial <DIV>, como a marcação final </DIV> é obrigatória.
Exemplos de conteúdos marcados pela tag <></>:
<div>
Uma divisão com alinhamento padrão.
</div>
<div align="center">
Uma divisão com alinhamento no centro.
</div>
<div align="right">
Uma divisão com alinhamento à direita.
</div>
<div align="justify">
Uma divisão com alinhamento justificado.
</div>
<div
style="background-color: Maroon; border: 1px solid #000; color: White; font-family: Arial, Helvetica left: 70px; padding: 5px; position: absolute; text-align: left;"
>
Uma divisão com seletores de CSS.
</div>
Visualização no navegador
Uma divisão com alinhamento padrão.
Uma divisão com alinhamento no centro.
Uma divisão com alinhamento à direita.
Uma divisão com alinhamento justificado.
Uma divisão com seletores de CSS.