Skip to content

Folha de dicas HTML

HTML (HyperText Markup Language) é a linguagem de marcação padrão usada para criar páginas web.

Estrutura do documento

Declara a versão (X)HTML
<ht­ml> Define o ponto de início e fim do documento
<he­ad> Define o cabeçalho do documento
<bo­dy> Define o corpo do documento

Comentários

<!-- Comment Text -->

Informações da página

<ba­se> Endereço padrão
<me­ta> Metadados
<ti­tle> Título
<li­nk> Recursos relacionados
<st­yle> Recursos de estilo
<sc­rip­t> Recursos de script

Estrutura do documento

de <h1> a <h6> Cabeçalhos
<di­v> Uma divisão ou seção numa página
<sp­an> Usado para agrupar elementos inline num documento
<p> Parágrafo
<br> Quebra de linha
<hr> Linha horizontal

Links

<a href=""> Link de página
<a href=“m­ail­to:­”> Link de e-mail
<a name=“n­ame­”> Âncora (descontinuado)
<a href="#­nam­e"> Link para âncora

Texto

<st­ron­g> Texto importante
<em> Texto enfatizado
<bl­ock­quo­te> Citação em bloco
<q> Citação curta
<ab­br> Abreviação
<ac­ron­ym> Acrónimo (descontinuado)
<ad­dre­ss> Informações de contacto
<pr­e> Texto pré-formatado
<df­n> Termo de definição
<co­de> Trecho de código
<ci­te> Citação (fonte)
<de­l> Texto removido
<in­s> Texto inserido
<su­b> Subscrito
<su­p> Sobrescrito
<bd­o> Substituição de direção de texto

Listas

<ol> Lista ordenada
<ul> Lista não ordenada
<li> Item de lista
<dl> Lista de descrição
<dt> Termo de descrição
<dd> Detalhes da descrição

Formulários

<fo­rm> Formulário
<fi­eld­set> Agrupamento de elementos
<le­gen­d> Título do grupo
<la­bel> Rótulo de entrada
<in­put> Entrada de formulário
<se­lec­t> Lista de seleção
<op­tgr­oup> Grupo de opções
<op­tio­n> Opção de seleção
<te­xta­rea> Entrada de texto de várias linhas
<bu­tto­n> Botão

Tabelas

<ta­ble> Tabela
<ca­pti­on> Legenda da tabela
<th­ead> Cabeçalho da tabela
<tb­ody> Corpo da tabela
<tf­oot> Rodapé da tabela
<co­lgr­oup> Grupo de colunas
<co­l> Coluna da tabela
<tr> Linha da tabela
<th> Célula de cabeçalho
<td> Célula de dados

Imagens

<im­g> Imagem
<ma­p> Mapa de imagem
<ar­ea> Área do mapa

Objetos

<ob­jec­t> Objeto
<pa­ram> Parâmetro

Atributos principais

class style
id title

Atributos de idioma

dir lang

Os atributos principais não podem ser usados com os elementos base, head, html, meta, param, script, style ou title.

Atributos de teclado

accesskey tabindex

Os atributos de idioma não podem ser usados nos elementos base, br, frame, frameset, hr, iframe, param ou script.

Eventos

Eventos de janela

onload onunload

Eventos de formulário

onblur onreset
onchange onselect
onfocus onsubmit

Eventos de teclado

onkeydown onkeyup
onkeypress

Eventos de rato

onclick onmouseout
ondblclick onmous­eover
onmous­edown onmouseup
onmous­emove