HTML tags categorized

por David Arty
po
Tags
HTML
ordenadas por categorias
Tags HTML ordenadas por categorias
1 - HTML Básico
Aqui se encontra elementos para formação de uma página em HTML e outros elementos básicos muito
utilizados.
Tag Descrição
<!DOCTYPE> Define um tipo de documento.
<html> Define um documento HTML.
<head> Expõe informações sobre o documento HTML (ver mais em 1.2).
<title> Define um título para o documento (ver mais em 1.2).
<body> Define o corpo do documento.
<br> Insere uma quebra de linha (ver mais em 1.5).

Define um contêiner genérico que não representa nada por natureza (ver mais
<div>
em 1.4).
<h1> to <h6> Define os cabeçalhos HTML (ver mais em 1.3).
<hr> Insere uma régua horizontal (ver mais em 1.4).
<p> Define um parágrafo (ver mais em 1.4).

Define um contêiner genérico em linha para textos, que não representa nada por
<span>
natureza (ver mais em 1.5).
 Define um comentário.
2 - Cabeçalho e Metadados de documentos
Metadados de documentos contém informações sobre a página e está abrigado entre as tags do elemento
<head> citado no tópico anterior. Isso inclui informações sobre estilos, scripts e dados para motores de busca,
navegadores. O elemento <title> também está inserido no cabeçalho.
Tag Descrição
Especifica a url de base a utilizar para todas as URLs relativas contidos em um
<base>
documento.
<link> Permite aos autores para conectar o seu documento para recursos externos.
Representa vários tipos de metadados que não podem ser expressas utilizando os
<meta>
elementos base, link, meta, style e title.
Permite inserir informações de estilo para um documento, ou parte de um
<style>
documento.
3 - Scripts
Elementos que permitem a inserção e manipulação de scripts.
Tag Descrição
<canvas> pode ser usado para desenhar gráficos e executar animações através de scripts.
Apresenta um conteúdo alternativo se um tipo de script na página não é

<noscript>
suportado ou se o suporte a scripts está atualmente desativado no navegador.
Incorpora ou faz referência a um script executável dentro de um documento

<script>
HTML.
4 - Blocos de conteúdo
Blocos de conteúdo permitem que você divida e organize o conteúdo do documento em partes lógicas. Estas
partes identificam e atribui valor semântico as seções de conteúdo através do elementos a seguir.
Tag Descrição
<address> Defines informações de contato de um documento ou parte de um documento.
Define uma seção que consiste em uma composição que forma uma parte
<article>
independente de um documento.
Representa uma secção de uma página que contém conteúdo relacionado ao
<aside>
conteúdo principal, e ao mesmo tempo distinto.
Agrupa o cabeçalho de uma seção. Pode conter elementos de cabeçalho porém

<header> também elementos como um logo, seções de cabeçalho, formulário de pesquisa,
e outros.
Define uma seção de uma página com links para outras páginas ou partes dentro
<nav>
da página.
<section> Representa uma seção do documento.
<footer> Define um rodapé para documento ou seção.

5 - Elementos em bloco para conteúdos de texto
Este elementos servem para organizar seções de conteúdo textuais.
Tag Descrição
<blockquote> Representa uma seção com uma citação de outra fonte.
<dd> Indica a descrição de um termo em uma lista de descrição do elemento <dl>.
<dl> Inclui uma lista de pares de termos e descrições.
<dt> Identifica um termo em uma lista de definições.

Representa uma legenda associada a uma figura ou uma ilustração do elemento
<figcaption>
<figure> que é o seu ancestra imediato.
<figure> Pode ser usado para repesentar ilustrações, diagramas, fotos, listas de código, etc.
<li> É usado para representar um item em uma lista.

Mostrar ao leitores de ecrã e tecnologias assistivas exatamente onde o conteúdo
<main>
principal começa.
<ol> Representa uma lista ordenada de itens.
Representa texto pré-formatado. Espaços em branco dentro deste elemento são
<pre>
apresentados como digitado.
Representa uma lista desordenada de itens, ou seja, uma coleção de itens que
<ul>
não têm uma ordenação numérica.
6 - Elementos em linha para conteúdos de texto
Esse elementos servem para definir o significado, estrutura ou estilo de uma palavra, linha ou parte de um
texto.
Tag Descrição
Representa um hyperlink. Caso não apresente o atributo "href" ele representa um
<a>
espaço reservado para um link.
<abbr> Define uma abreviatura ou acrônimo.
É usado para especificar o texto em negrito sem transmitir qualquer
<b>
importância extra.
É um elemento de isolamento de Bi-direcional. Ele isola um trecho de texto que

<bdi>
pode ser formatado em uma direção oposta ao texto que está fora do isolamento.
<bdo> É um elemento de substituição bidirecional. Ele substitui a direção atual do texto.
<cite> Define o título de uma obra/trabalho (Filme, livro, poema, música, etc).
<code> Representa um fragmento de código de computador.
<dfn> Introduz um termo, uma definição a seu texto.
<em> Enfatiza um trecho de texto.
Representa um intervalo de texto em uma voz alternativa e deslocada da prosa

<i> normal ou alguma outra prosa cuja apresentação tipográfica típica está em
itálico.
Representa a entrada do usuário, geralmente a entrada pelo teclado, e produz um
<kbd>
elemento inline exibido em fonte monoespaçada padrão do navegador.
Representa uma sequência de texto em um documento marcada ou destacada

<mark>
pela sua relevância em outro contexto.
<q> Define uma pequena citação.
Define o que mostrar aos navegadores quando eles não suportam anotações de
<rp>
texto ruby.
Representa um recipiente para o texto ruby dentro de um elemento HTML
<rt>
<ruby>
<ruby> Define uma anotação de texto ruby (para a tipografia da Ásia Oriental)
<s> Especifica se o texto que já não é mais correto, exato ou relevante.
Identifica uma amostra de saída a partir de um programa de computação e

<samp> produz um elemento inline exibido em fonte monoespaçada padrão do
navegador.
Refere-se à pequenos trechos de texto de um documento que contém renúncias,

<small>
ressalvas ou restrições legais.
<strong> Define um trecho importante e texto.
<sub> Define um texto subscrito.
<sup> Define um texto sobrescrito.

<time> Representa uma data e / ou tempo preciso no calendário Gregoriano.
Define um pequeno trecho de texto desarticulado, ou definido como palavra
<u>
grafada incorretamente.
<var> Defines uma variável de alguma linguagem de programação.
<wbr> Define uma quebra de linha.

7 - Edição
Elementos para edição de texto.
Tag Descrição
<del> Define um texto a ser removido do documento.
<ins> Define um texto a ser inserido ao documento.

8 - Imagens e recursos multimídia
Os elementos a seguir permitem usar vários recursos multimídias, tais como imagens, áudio e vídeo.
Tag Descrição
Define uma região em uma imagem, e, opcionalmente, associa-la com um links

<area>
de hipertexto . Este elemento é usado somente dentro de uma <map> elemento.
<audio> Incorpora conteúdo de som em documentos.
<img> Insere uma imagem no documento HTML.

Constrói, junto com o elemento <area>, um mapa de imagem com área clicável
<map>
(com linkagem para outros documentos).
Especifica as faixas de texto cronometrado (ou dados baseados no tempo), por

<track> exemplo, para tratar automaticamente legendas de vídeo. Este elemento é usado
conjuntamente com os elementos <video> e <audio>.
<video> Incorporar conteúdo de vídeo.

9 - Conteúdo incorporado
Os elementos a seguir permitem incorporar dentro do documento HTML outros tipos de conteúdo.
Tag Descrição
Representa um ponto de integração para um recurso não HTML externo, tipo
<embed>
uma aplicação ou conteúdo interativo.
<iframe> Define uma área particular onde outro documento HTML pode ser incorporado.
Pode representar um recurso externo, que, dependendo do tipo de recurso, ou

<object> vai ser tratado como uma imagem, tal como um contexto de navegação
aninhada, ou como um recurso externo para ser processada por um plug-in.
<param> Define parâmetros para plugins invocadas por elementos do objeto.

Especificar vários recursos de mídia para <imagem> , <audio> e <video>
<source>
elementos.
10 - Interatividade
Elementos interativos.
Tag Descrição
Representa um widget de divulgação a partir do qual o usuário pode obter
<details>
informações ou controles adicionais.
<dialog> Representa uma caixa de diálogo ou outro componente interativo.
Representa um grupo de comandos que um usuário pode executar ou ativar. Isto
<menu>
inclui os menus de listas, bem como menus de contexto.
É usado como um resumo, legenda ou legenda para o conteúdo do elemento um
<summary>
<details>.
11 - Formulários
Grupo com elementos interativos que possibilitam enviar informações para um servidor web.
Tag Descrição
<button> Representa um botão clicável.
<datalist> Especifica uma lista de opções <option> pré-definidas para controles de entrada.
É usado para agrupar vários controles, bem como etiquetas <label> dentro de um
<fieldset>
formulário web.
Representa uma seção do documento que contém controles interativos para
<form>
enviar informações para um servidor web.
Cria controles interativos para formulários na web, a fim de aceitar os dados do

<input> usuário. A semântica de um <input> varia consideravelmente dependendo do
valor do seu tipo de atributo.
Especifica um campo gerador deum par de chaves usado em formulários.

<keygen> Quando o formulário é enviado, a chave privada é armazenada localmente, e a
chave pública é enviada para o servidor
<label> Representa uma legenda para um item em uma interface de usuário.
<legend> Representa uma legenda para o conteúdo de ancestral <fieldset>.
<meter> Define uma medida escalar dentro de um intervalo conhecido.

<optgroup> Em um formulário cria um agrupamento de opções dentro de elemento <select>.
Cria um controle que representa um item dentro de elementos como <select> ,

<option>
<optgroup> ou <datalist>.
<output> Representa o resultado de uma ação de cálculo ou de uma ação do usuário.
<progress> Representa o progresso da realização de uma tarefa.

Representa um controle que apresenta um menu de opções. As opções dentro do
<select>
menu são representados pelo elemento <option> elementos.
<textarea> Define um controle de entrada de multi-linhas.
12 - Tabulação de dados
Grupo com elementos construídos para lidar com dados tabulares
Tag Descrição
<caption> Representa o título de uma tabela.

Define uma coluna dentro de uma tabela. É geralmente encontrada dentro do
<col>
elemento <colgroup>.
<colgroup> Define um grupo de colunas dentro de uma tabela.
Representa os dados com o elemento de mais de uma dimensão, na forma de
<table>
uma tabela.
<tbody> Agrupa o conteúdo do corpo em uma tabela HTML.
<td> Define uma célula de uma tabela que contém dados.
<tfoot> É usada para o conteúdo do rodapé em uma tabela HTML.
<th> Define uma célula que é um cabeçalho para um grupo de células de uma tabela.
<thead> É usada para o conteúdo do cabeçalho em uma tabela HTML.
<tr> Define uma linha de células de uma tabela.

13 - Elementos obsoletos e reprovados
Listamos esses elementos apenas para seu conhecimento. Não use em seus novos projeto.
Tag Descrição
<acronym> Define um acrônimo.
<applet> Define um applet incorporado.
<basefont> Define o tipo de fonte, o tamanho e a cor de para todo texto.
<big> Faz a fonte ter uma tamanho maior. Exemplo de "small" para "medium".
<center> Centraliza textos e blocos.
<dir> Representa um diretório, ou seja, uma lista de nomes de arquivos.
<font> Define o tipo de fonte, o tamanho e a cor de um texto.

Define uma área particular onde outro documento HTML pode ser incorporado.
<frame>
Ele deve ser usado com <frameset>.
<frameset> Serve de contêiner para o elemento <frame>
Apresenta um conteúdo alternativo para navegadores que não suportam
<noembed>
<frame>.
Apresenta um conteúdo alternativo para navegadores que não suportam
<noframe>
<embed>.
<spacer> Insere espaços em branco para páginas da web.
<strike> Define um texto tachado.

Representa texto pré-formatado. Espaços em branco dentro deste elemento são
<xmp>
apresentados como digitado.
PORQUE QUALQUER UM ACHA
QUE PODE DAR PITACOS, NÉ?
visite o blog: www.chiefofdesign.com.br

visite o blog: www.chiefofdesign.com.br

HTML tags categorized

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

HTML tags categorized

Enviado por

Direitos autorais:

Formatos disponíveis

por David Arty

<!DOCTYPE> Define um tipo de documento.

<html> Define um documento HTML.

<head> Expõe informações sobre o documento HTML (ver mais em 1.2).

<title> Define um título para o documento (ver mais em 1.2).

<body> Define o corpo do documento.

<br> Insere uma quebra de linha (ver mais em 1.5).

<hr> Insere uma régua horizontal (ver mais em 1.4).

<p> Define um parágrafo (ver mais em 1.4).

Elementos que permitem a inserção e manipulação de scripts.

Apresenta um conteúdo alternativo se um tipo de script na página não é

Incorpora ou faz referência a um script executável dentro de um documento

<address> Defines informações de contato de um documento ou parte de um documento.

Agrupa o cabeçalho de uma seção. Pode conter elementos de cabeçalho porém

<footer> Define um rodapé para documento ou seção.

Este elementos servem para organizar seções de conteúdo textuais.

<blockquote> Representa uma seção com uma citação de outra fonte.

<dd> Indica a descrição de um termo em uma lista de descrição do elemento <dl>.

<dl> Inclui uma lista de pares de termos e descrições.

<dt> Identifica um termo em uma lista de definições.

<li> É usado para representar um item em uma lista.

É um elemento de isolamento de Bi-direcional. Ele isola um trecho de texto que

<bdo> É um elemento de substituição bidirecional. Ele substitui a direção atual do texto.

<code> Representa um fragmento de código de computador.

<dfn> Introduz um termo, uma definição a seu texto.

<em> Enfatiza um trecho de texto.

Representa um intervalo de texto em uma voz alternativa e deslocada da prosa

Representa uma sequência de texto em um documento marcada ou destacada

<s> Especifica se o texto que já não é mais correto, exato ou relevante.

Identifica uma amostra de saída a partir de um programa de computação e

Refere-se à pequenos trechos de texto de um documento que contém renúncias,

<sub> Define um texto subscrito.

<sup> Define um texto sobrescrito.

<wbr> Define uma quebra de linha.

Elementos para edição de texto.

<del> Define um texto a ser removido do documento.

<ins> Define um texto a ser inserido ao documento.

Define uma região em uma imagem, e, opcionalmente, associa-la com um links

<audio> Incorpora conteúdo de som em documentos.

<img> Insere uma imagem no documento HTML.

Especifica as faixas de texto cronometrado (ou dados baseados no tempo), por

<video> Incorporar conteúdo de vídeo.

Pode representar um recurso externo, que, dependendo do tipo de recurso, ou

<param> Define parâmetros para plugins invocadas por elementos do objeto.

<button> Representa um botão clicável.

Cria controles interativos para formulários na web, a fim de aceitar os dados do

Especifica um campo gerador deum par de chaves usado em formulários.

<label> Representa uma legenda para um item em uma interface de usuário.

<legend> Representa uma legenda para o conteúdo de ancestral <fieldset>.

<meter> Define uma medida escalar dentro de um intervalo conhecido.

Cria um controle que representa um item dentro de elementos como <select> ,

<progress> Representa o progresso da realização de uma tarefa.

Grupo com elementos construídos para lidar com dados tabulares

<caption> Representa o título de uma tabela.

<td> Define uma célula de uma tabela que contém dados.

<tfoot> É usada para o conteúdo do rodapé em uma tabela HTML.

<thead> É usada para o conteúdo do cabeçalho em uma tabela HTML.

<tr> Define uma linha de células de uma tabela.

<acronym> Define um acrônimo.

<applet> Define um applet incorporado.

<basefont> Define o tipo de fonte, o tamanho e a cor de para todo texto.

<center> Centraliza textos e blocos.