Relação de tags
<!-->, <!DOCTYPE>, <a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <base>, <basefont>, <bdo>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <fieldset>, <font>, <form>, <frame>, <frameset>, <head>, <h1>...<h6>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <link>, <map>, <menu>, <meta>, <noframes>, <noscript>, <object>, <ol>, <optgroup>, <option>, <p>, <param>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <style>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <title>, <tr>, <tt>, <u>, <ul> e <var> .
A tag div
A tag div possui tags de abertura e fechamento e serve para definir uma seção ou divisão de um documento.
Exemplo:
<div style="color:blue"> <h3>Este é um título</h3> <hr> <p>Este é um parágrafo.</p> </div>
Uso da tag div
A tag <div> é usada para agrupar elementos do HTML, para porterior estilização através de CSS.
Suporte dos navegadores
- Internet Explorer - OK
- Firefox - OK
- Opera - OK
- Chrome - OK
- Safari - OK
A tag <div> é aceita na maioria dos navegadores.
Dicas
O elemento <div> é usado frequentemente com CSS para formar o layout de uma página.
Os browsers sempre adicionam uma quebra de linha antes e depois de um elemento <div>, porém isso pode ser alterado através do CSS.
Diferenças entre HTML e XHTML
Não exist nenhuma diferença.
Atributos opcionais
O campo DTD indica em qual DTD do HTML 4.01/XHTML 1.0 DTD o atributo é permitido. S=Strict, T=Transitional e F=Frameset.
| Atributo | Valor | Descrição | DTD |
|---|---|---|---|
| align | left,right,center,justify | Deprecado. Use CSS.Especifica o alinhamento do conteúdo dentro de um elemento <div> | TF |
Atributos padrão
A tag <div> possui os seguintes atributos padrão:
| Atributo | Valor | Descrição | DTD |
|---|---|---|---|
| class | nome de classe | Especifica um nome de classe para o elemento | STF |
| dir | rtl, ltr | Especifica a direção de texto para o conteúdo de um elemento | STF |
| id | id | Especifica um id único para um elemento | STF |
| lang | código de linguagem | Especifica um código de linguagem para o conteúdo de um elemento | STF |
| style | definição de estilo | Especifica o estilo em linha de um elemento | STF |
| title | texto | Especifica informação extra sobre um elemento | STF |
| xml:lang | código de linguagem | Especifica o código de linguagem para o conteúdo de um elemento, em documentos XHTML | STF |
Mais informação sobre atributos padrão pode ser achadas em Atributos.
Atributos de evento
A tag <div> possui os seguintes atributos de evento:
| Atributo | Valor | Descrição | DTD |
|---|---|---|---|
| onclick | script | Script que será rodado quando o mouse for clicado | STF |
| ondblclick | script | Script que será rodado quando o mouse for duplamente clicado | STF |
| onmousedown | script | Script que será rodado quando o botão do mouse for pressionado | STF |
| onmousemove | script | Script que será rodado quando o ponteiro mouse se mover | STF |
| onmouseout | script | Script que será rodado quando o ponteiro do mouse sai de um elemento | STF |
| onmouseover | script | Script que será rodado quando o ponteiro do mouse se move sobre um elemento | STF |
| onmouseup | script | Script que será rodado quando o botão do mouse for solto | STF |
| onkeydown | script | Script que será rodado quando uma tecla for pressionada | STF |
| onkeypress | script | Script que será rodado quando uma tecla for pressionada e solta | STF |
| onkeyup | script | Script que será rodado quando uma tecla for solta | STF |
Mais informações sobre atributos de evento podem sera achadas na página de eventos.
HTML Básico
- Capa
- Índice
- Introdução
- Começo
- Básico
- Elementos
- Atributos
- Títulos
- Parágrafos
- Formatação
- Fontes
- Estilos
- Links
- Imagens
- Tabelas
- Listas
- Formulários
- Frames
- Iframes
- Cores
HTML Avançado
HTML Media
XHTML
HTML5
HTML Referências