tutoriais mais recente desenvolvimento web
 

HTML elemento de referência


Tags HTML Ordenados por Categoria

= Novo em HTML5.


HTML básico

etiqueta Descrição
<!DOCTYPE>   Define o tipo de documento
<html> Define um documento HTML
<title> Define um título para o documento
<body> Define o corpo do documento
<h1> to <h6> Define títulos HTML
<p> Define um parágrafo
<br> Insere uma única quebra de linha
<hr> Define uma mudança temática no conteúdo
<!--...--> Define um comentário

formatação

etiqueta Descrição
<acronym> Não suportado em HTML5. Use <abbr> em seu lugar.
Define um acrônimo
<abbr> Define uma abreviatura ou acrónimo
<address> Define informações de contato do autor / proprietário de um documento / artigo
<b> Define o texto em negrito
<bdi> Isola uma parte do texto que pode ser formatado em uma direção diferente de outro texto fora dela
<bdo> Substitui a direção do texto atual
<big> Não suportado em HTML5. Use CSS em vez disso.
Define texto grande
<blockquote> Define uma seção que é citado de outra fonte
<center> Não suportado em HTML5. Use CSS em vez disso.
Define texto centrado
<cite> Define o título de uma obra
<code> Define um código de computador
<del> Define o texto que foi excluído de um documento
<dfn> Representa a ocorrência com a definição de um termo
<em> Define o texto enfatizado
<font> Não suportado em HTML5. Use CSS em vez disso.
Define fonte, cor e tamanho do texto
<i> Define uma parte do texto em uma voz alternativa ou humor
<ins> Define um texto que foi inserido num documento
<kbd> Define a entrada de teclado
<mark> Define marcada / texto realçado
<meter> Define uma medida escalar dentro de um intervalo conhecido (um medidor)
<pre> Define texto pré-formatado
<progress> Representa o progresso de uma tarefa
<q> Define uma breve citação
<rp> Define o que mostrar em navegadores que não suportam anotações Ruby
<rt> Define uma explicação / pronúncia de caracteres (para a tipografia do Leste Asiático)
<ruby> Define uma anotação ruby ​​(para a tipografia do Leste Asiático)
<s> Define o texto que já não é correcta
<samp> Define saída de exemplo a partir de um programa de computador
<small> Define texto menor
<strike> Não suportado em HTML5. Use <del> ou <s> em seu lugar.
Define texto tachado
<strong> Define texto importante
<sub> Define o texto subscrito
<sup> Define o texto sobrescrito
<time> Define uma data / hora
<tt> Não suportado em HTML5. Use CSS em vez disso.
Define o texto de teletipo
<u> Define o texto que deve ser estilisticamente diferente de texto normal
<var> Define uma variável
<wbr> Define uma possível quebra de linha

Formas e Input

etiqueta Descrição
<form> Define um formulário HTML para entrada do usuário
<input> Define um controle de entrada
<textarea> Define um controle de entrada de várias linhas (área de texto)
<button> Define um botão clicável
<select> Define uma lista drop-down
<optgroup> Define um grupo de opções relacionadas em uma lista drop-down
<option> Define uma opção em uma lista drop-down
<label> Define um rótulo para um <input> elemento
<fieldset> Grupos elementos relacionados de uma forma
<legend> Define uma legenda para um <fieldset> elemento
<datalist> Especifica uma lista de opções pré-definidas para controles de entrada
<keygen> Define um campo gerador de chaves-pair (para formulários)
<output> Define o resultado de um cálculo

Frames

etiqueta Descrição
<frame> Não suportado em HTML5.
Define uma janela (um quadro) em um conjunto de quadros
<frameset> Não suportado em HTML5.
Define um conjunto de quadros
<noframes> Não suportado em HTML5.
Define um conteúdo alternativo para os usuários que não suportam quadros
<iframe> Define um quadro embutido

imagens

etiqueta Descrição
<img> Define uma imagem
<map> Define uma imagem-map do lado do cliente
<area> Define uma área dentro de uma imagem-map
<canvas> Usado para desenhar gráficos, em tempo real, através de scripts (normalmente JavaScript)
<figcaption> Define uma legenda para um <figure> elemento
<figure> Especifica o conteúdo auto-suficiente

Áudio vídeo

etiqueta Descrição
<audio> Define o conteúdo de som
<source> Define vários recursos de mídia para os elementos de mídia ( <video> e <audio> )
<track> Define faixas de texto para elementos de mídia ( <video> e <audio> )
<video> Define um vídeo ou filme

ligações

etiqueta Descrição
<a> Define um hiperlink
<link> Define a relação entre um documento e um recurso externo (o mais usado para conectar-se a folhas de estilo)
<nav> Define links de navegação

listas

etiqueta Descrição
<ul> Define uma lista não ordenada
<ol> Define uma lista ordenada
<li> Define um item da lista
<dir> Não suportado em HTML5. Use <ul> em seu lugar.
Define uma lista de diretórios
<dl> Define uma lista inscrição
<dt> Define um termo / nome em uma lista de inscrição
<dd> Define uma descrição de um termo / nome em uma lista de inscrição
<menu> Define uma lista / menu de comandos
<menuitem> Define um item de comando / menu que o usuário pode chamar de um menu pop-up

tabelas

etiqueta Descrição
<table> Define uma tabela
<caption> Define uma legenda da tabela
<th> Define uma célula de cabeçalho em uma tabela
<tr> Define uma linha em uma tabela
<td> Define uma célula em uma tabela
<thead> Grupos do conteúdo do cabeçalho em uma tabela
<tbody> Grupos o conteúdo do corpo de uma tabela
<tfoot> Grupos do conteúdo do rodapé em uma tabela
<col> Especifica as propriedades da coluna para cada coluna dentro de um <colgroup> elemento
<colgroup> Especifica um grupo de uma ou mais colunas numa tabela para formatação

Estilos e Semântica

etiqueta Descrição
<style> Define informações de estilo para um documento
<div> Define uma seção em um documento
<span> Define uma seção em um documento
<header> Define um cabeçalho de um documento ou seção
<footer> Define um rodapé de um documento ou seção
<main> Especifica o conteúdo principal de um documento
<section> Define uma seção em um documento
<article> Define um artigo
<aside> Define o conteúdo, além do conteúdo da página
<details> Define detalhes adicionais que o usuário pode exibir ou ocultar
<dialog> Define uma caixa de diálogo ou janela
<summary> Define um título visível por um <details> elemento

meta Informações

etiqueta Descrição
<head> Define informações sobre o documento
<meta> Define metadados sobre um documento HTML
<base> Especifica a base URL / target para todas as URLs relativos em um documento
<basefont> Não suportado em HTML5. Use CSS em vez disso.
Especifica uma cor padrão, tamanho e tipo de letra para todo o texto em um documento

Programação

etiqueta Descrição
<script> Define um script do lado do cliente
<noscript> Define um conteúdo alternativo para os usuários que não suportam scripts do lado do cliente
<applet> Não suportado em HTML5. Use <embed> ou <object> em seu lugar.
Define um applet incorporado
<embed> Define um recipiente para uma aplicação externa (não HTML)
<object> Define um objeto incorporado
<param> Define um parâmetro para um objeto