diegosfc100 / HTML5

Resumo Tags HTML: Básico, Formatação, Formulários e Entradas, Imagens, Áudio Vídeo, Ligações, Tabelas, Estilos e Semanticas, Meta Info, Programação.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML5 Completo

Índice

Resumos das Tags HTML5:

HTML Básico

<!DOCTYPE> - Define o tipo de documento;

<html> - Define um documento de HTML;

<head> - Contém informações para o documento;

<title> - Define o título do documento;

<body> - Define o corpo do documento;

<h1> to <h6> - Define os cabeçalhos;

<p> - Define um parágrafo;

<br> - Insere uma quebra de linha única;

<hr> - Define uma mudança temática no conteúdo;

<!-- --> - Define um comentário;

Formatação


<abbr> - Define uma abreviação ou acrônimo;

<address> - Define as informações de contato do autor / proprietário de um documento / artigo;

<b> - Define texto em negrito;

<bdi> - Isola uma parte do texto que pode ser formatada em uma direção diferente de outro texto fora dela;

<bdo> - Substitui a direção atual do texto;

<blockquote> - Define uma seção que é citada de outra fonte;

<cite> - Define o título de uma obra;

<code> - Define um código do computador;

<del> - Define o texto que foi excluído de um documento;

<dfn> - Especifica um termo que será definido no conteúdo;

<em> - Define o texto enfatizado;

<i> - Define uma parte do texto com uma voz ou humor alternativo;

<ins> - Define um texto que foi inserido em um documento;

<kbd> - Define a entrada do teclado;

<mark> - Define o texto marcado/destacado;

<meter> - Define uma medida escalar dentro de um intervalo conhecido (um medidor);

<pre> - Define o texto pré-formatado;

<progress> - Representa o progresso de uma tarefa;

<q> - Define uma cotação curta;

<rp> - Define o que mostrar em navegadores que não suportam anotações em Ruby;

<rt> - Define uma explicação / pronúncia de caracteres (para tipografia do Leste Asiático);

<ruby> - Define uma anotação de ruby (para tipografia do Leste Asiático);

<s> - Define o texto que não está mais correto;

<samp> - Define a amostra de saída de um programa de computador;

<small> - Define texto menor;

<strong> - Define o texto importante;

<sub> - Define o texto subscrito;

<template> - Define um contêiner para o conteúdo que deve ser oculto quando a página é carregada;

<time> - Define um horário específico (ou data e hora);

<u> - Define algum texto desarticulado e com estilo diferente do texto normal;

<var> - Define uma variável;

<wbr> - Define uma possível quebra de linha;

Formulários e Entradas


<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 suspensa;

<optgroup> - Define um grupo de opções relacionadas em uma lista suspensa;

<option> - Define uma opção em uma lista suspensa;

<label> - Define um rótulo para um elemento <input>;

<fieldset> - Agrupa elementos relacionados em um formulário;

<legend> - Define uma legenda para um elemento <fieldset>;

<datalist> - Especifica uma lista de opções predefinidas para controles de entrada;

<output> - Define o resultado de um cálculo;

Imagens


<img> - Define uma imagem;

<map> - Define um mapa de imagem do lado do cliente;

<area> - Define uma área dentro de um mapa de imagem;

<canvas> - Usado para desenhar gráficos dinamicamente, via script (geralmente JavaScript);

<figcaption> - Define uma legenda para um elemento <figure>;

<figure> - Especifica o conteúdo independente;

<picture> - Define um contêiner para vários recursos de imagem;

<svg> - Define um contêiner para gráficos SVG;

Áudio Vídeo


<audio> - Define o conteúdo do som;

<source> - Define vários recursos de mídia para elementos de mídia (<video>, <audio>, e <picture>);

<track> - Define faixas de texto para elementos de mídia (<video> e <audio>);

<video> - Define um vídeo ou filme;

Ligações


<a> - Define um hiperlink;

<link> - Define o relacionamento entre um documento e um recurso externo (mais usado para vincular a folhas de estilo);

<nav> - Define os links de navegação;

Tabelas


<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> - Agrupa o conteúdo do cabeçalho em uma tabela;

<tbody> - Agrupa o conteúdo do corpo em uma tabela;

<tfoot> - Agrupa o conteúdo do rodapé em uma tabela;

<col> - Específica propriedades da coluna para cada coluna em um elemento <colgroup>;

<colgroup> - Especifica um grupo de uma ou mais colunas em uma tabela para formatação;

Estilos e Semântica


< style> - Define as 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 para um documento ou seção;

<footer> - Define um rodapé para 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 cabeçalho visível para um elemento <details>;

<data> - Adiciona uma tradução legível por máquina de um determinado conteúdo;

Meta Info


<head> - Define informações sobre o documento;

<meta> - Define metadados sobre um documento HTML;

<base> - Especifica o URL / destino base para todos os URLs relativos em um documento;

Programação


< script> - Define um script do lado do cliente;

<noscript> - Define um conteúdo alternativo para usuários que não suportam scripts do lado do cliente;

<embed> - Define um contêiner para um aplicativo externo (não HTML);

<object> - Define um objeto incorporado;

<param> - Define um parâmetro para um objeto;

About

Resumo Tags HTML: Básico, Formatação, Formulários e Entradas, Imagens, Áudio Vídeo, Ligações, Tabelas, Estilos e Semanticas, Meta Info, Programação.


Languages

Language:HTML 100.0%