Scribd
Carregar
77 visualizações6 páginas

Lista de Elementos HTML5

O documento introduz as principais tags HTML5, incluindo elementos de cabeçalho, conteúdo, mídia e edição. É feita uma descrição de cada tag com seu propósito correspondente.

Enviado por

Sandra Tavares
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
77 visualizações6 páginas

Lista de Elementos HTML5

O documento introduz as principais tags HTML5, incluindo elementos de cabeçalho, conteúdo, mídia e edição. É feita uma descrição de cada tag com seu propósito correspondente.

Enviado por

Sandra Tavares
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 6

ANPRI: INTRODUÇÃO AO HTML5

Lista de Elementos
Instrução Especial:
Permite definir o tipo de documento, sendo que esta é a informação que
primariamente deve ser definida. A partir desta instrução o browser será capaz
de reconhecer em que versão do HTML o documento foi escrito.
Instrução Descrição
<!DOCTYPE> Definição do tipo de documento.

Elemento Principal:
Este é topo da hierarquia de um documento. Nele podem estar presentes dois
módulos: o head e o body.

Tag Descrição
<HTML> Definição do tipo de documento.

Metadados do documento:
Elementos que representam os metadados do documento, definindo assim um
conjunto de informações mais relevantes sobre a página e conteúdos publicados.

Tag Descrição
<head> Define informação do documento.
<title> Define o título do documento.
Define um endereço base para os
<base> caminhos relativos presentes no
documento.
Define a relação entre um documento
<link>
e ficheiros externos.
Define metadados sobre o
<meta>
documento.
Permite estilizar a informação de um
<style>
documento.

RICARDO CARVALHO 1
ANPRI: INTRODUÇÃO AO HTML5

Elementos de Scripting:
O padrão W3C suporta scripts do lado do cliente. Para que o browser os execute, estes
poderão ser adicionados a partir das tags representadas na tabela.

Tag Descrição
<script> Define um script do lado do cliente.
Define conteúdo alternativo para os
<noscript> utilizadores que não permitem
scripts do lado do cliente.

Secções:
As secções permitem, tal como o nome informa, definir secções ou zonas.
Nesta nova versão do HTML é possível remover os blocos, normalmente
representados com divs e com o atributo id ou class, substituindo-os por nomes
bem definidos.
Tag Descrição
<body> Define o corpo de um documento
<section> Define uma secção no documento.
<nav> Define uma secção de navegação.
Define uma secção independente do
documento. Pode então representar
<article>
um artigo de um blog ou até de
revista.
Define conteúdo relacionado com o
<aside>
conteúdo principal do documento.
<h1> Define título da secção.
<h2> Define título da secção.
<h3> Define título da secção.
<h4> Define título da secção.
<h5> Define título da secção.
<h6> Define título da secção.
<hgroup> Define um grupo de cabeçalhos.
<header> Define o cabeçalho da secção.
<footer> Define o fundo da secção
Define uma secção para informação
<address>
de contacto.

Agrupamento de conteúdo num documento:


Tags que permitem agrupar ou organizar conteúdos num documento.
Tag Descrição
<p> Define um parágrafo.
Define uma alteração temática do
<hr>
conteúdo.

RICARDO CARVALHO 2
ANPRI: INTRODUÇÃO AO HTML5

<br> Define uma quebra de linha.


<pre> Define texto pré-formatado.
<blockquote> Define uma secção citada.
<ol> Define uma lista numerada.
<ul> Define uma lista não numerada.
<li> Define um item da lista.
<dl> Define a descrição de uma lista.
Define um nome ou termo na
<dt>
descrição de uma lista.
<dd> Define uma descrição de um nomeou
termo na descrição de uma lista.
Define conteúdo autossuficiente,
<figure>
como ilustrações, diagramas, fotos,
etc.
<figcaption> Define uma legenda da tag <figure>.
Define um bloco genérico de
<div>
conteúdo.

Semântica a nível do texto:


Tag Descrição
<a> Define uma hiperligação.
Permite realçar o texto (com estilo
<em>
itálico).
<strong> Define texto importante.
<small> Define texto pequeno.
<s> Define texto que não está correto.
<cite> Define referência de uma citação.
<q> Define um bloco de texto citado.
<dfn> Define um termo.
<abbr> Define uma abreviação ou acrónimo.
<time> Define data e/ou hora.
<code> Define um bloco de código.
<var> Define uma variável.
<samp> Define um exemplo de um output.
<kbd> Define o input de teclado.
Define texto inferior à linha
<sub>
(subscript).
Define texto superior à linha
<sup>
(superscript).
Define um bloco de texto em itálico
<i> sem dar qualquer tipo de relevância
superior ao texto envolvente.
Define um bloco de texto em negrito
<b> sem dar qualquer tipo de relevância
superior ao texto envolvente

RICARDO CARVALHO 3
ANPRI: INTRODUÇÃO AO HTML5

Sublinha um bloco de texto sem dar


<u> qualquer tipo de relevância superior
ao texto envolvente.
<mark> Define texto marcado ou realçado.
Define anotação em ruby (anotação
<ruby>
da Ásia Ocidental).
<rt> Define texto em ruby.
Define parêntesis em volta do texto
<rp>
em ruby.
Isola uma parte do texto que pode
<bdi> ser formatado em diferentes direções
do texto exterior.
<bdo> Sobrepõe a direção do texto atual.
<span> Define uma secção no documento.

Tags necessárias para destacar a edição de texto:


Tag Descrição
Define o texto que foi inserido no
<ins>
documento.
Define o texto que foi eliminado no
<del>
documento.

Incorporar conteúdo:
Tag Descrição
Representa uma imagem no
<img>
documento.
Define um novo contexto de
<iframe>
navegação integrado no documento.
Define um container para uma
<embed>
aplicação (não HTML) externa.
Define um objeto de conteúdo
<object>
externo.
<param> Define um parâmetro para um objeto.
<video> Define um vídeo ou filme.
<audio> Define conteúdo de som.
Define múltiplos recursos para vídeo
<source>
e som.
Define o caminho para legendas de
<track>
vídeo ou som.
Usado para desenhar gráficos em
<canvas>
tempo real.
Permite mapear uma imagem do lado
<map> do cliente. Esse mapa possui áreas
clicáveis.
Define uma área para um mapa de
<area>
imagem.
RICARDO CARVALHO 4
ANPRI: INTRODUÇÃO AO HTML5

Tabelas:
Tag Descrição
<table> Define uma tabela.
<caption> Define o título de uma tabela.
Especifica um grupo de uma ou mais
<colgroup>
colunas na tabela.
Define as propriedades de uma
<col>
coluna num grupo.
Agrupa o conteúdo do corpo numa
<tbody>
tabela.
Agrupa o conteúdo do cabeçalho
<thead>
numa tabela.
Agrupa o conteúdo do fundo numa
<tfoot>
tabela.
<tr> Define uma linha na tabela.
<td> Define uma célula na tabela.
Define o cabeçalho da célula na
<th>
tabela.

Formulários:
Os formulários permitem aos utilizadores adicionarem e enviarem dados para o
servidor.
Tag Descrição
Define um formulário em HTML para
<form>
interação input com o utilizador.
Grupo de controladores relacionados
<fieldset>
num formulário.
<legend> Título ou explicação de um fieldset.
Descrição de um controlador no
<label>
formulário.
<input> Define um controlador de input.
<button> Define um botão no formulário.
Define um controlador para
<select>
selecionar numa lista de opções.
Define uma lista de opções para
<datalist>
controladores de input.
Define um grupo de opções
<optgroup>
relacionadas.
<option> Define uma opção.
Define um controlador de input de
<textarea>
múltiplas linhas.

RICARDO CARVALHO 5
ANPRI: INTRODUÇÃO AO HTML5

Define um controlador que gera um


<keygen> par de chaves pública-privada e que
envia a chave pública desse par.
<output> Define o resultado de um cálculo.
<progress> Define o progresso de uma tarefa.
Define uma medida escalar dentro de
<meter>
um range conhecido.

Elementos interativos:
Tag Descrição
Define detalhes adicionais que o
<details> utilizador poderá expandir ou
esconder.
<summary> Define a parte visível da tag details.
<command> Define um comando.
<menu> Define uma lista de comandos.

RICARDO CARVALHO 6

Você também pode gostar