< DIV>

A tag < DIV> nada mais é do que uma recipiente para as outras tags. Bem como a tag body. Na verdade a div nada mais é do que blocos de trabalho aonde podemos colocar outras tags.

Atributos
* id
* width
* height
* title
* style

Vejamos:

< div style="background: green"> < div style="background: green">
< h5>SEARCH LINKS< /h5>
< a target="_blank" href="http://www.google.com">Google< /a> < a target="_blank" href="http://www.google.com"> Google < / a>
< /div> < / Div>

O resultado será:

SEARCH LINKS

Google Google

HTML - Layouts Div.

Quando começou o HTML, os Web Designers so tinham duas opções. Os Layout de Tabela ou os Frames. O elemento dive fornece uma terceira alternativa, pois uma div pode conter qualquer outro tipo de elemento HTML no seu inicio e fim da tag.

Código HTML:

id="menu" < div align="right">
< a href="">HOME< /a> < a href=""> HOME < /a>
< a href="">CONTACT< /a> < a href=""> CONTATO /a>
< a href="">ABOUT< /a> < a href=""> Sobre < /a>
< /div> < /Div>


< div id="content" align="left" bgcolor="white"> id="content" < div align="left" bgcolor="white">
< h5>Content Articles< /h5> < h5> artigos de conteúdo < / h5>
< p>This paragraph would be your content < p> Este número seria o seu conteúdo
paragraph with all of your readable material.< /p> parágrafo com todo o seu material legível. < /p>
< /div> < /Div>

HTML Layout Div: