Elementos HTML lista completa


Confira abaixo uma lista completa com quase todas as tags utilizadas em html. Muitas dessas são usadas em quase todos os códigos de página.

Geral

<! DOCTYPE> Define o tipo de documento
<html> Define um documento HTML
<head> Contém metadados / informações para o documento
<title> Define um título para o documento
<body> Define o corpo do documento
<h1> para <h6> Define HTML títulos
<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

<acronym> Não suportado em HTML5. Use <abbr> em vez disso.
<abbr> Define uma abreviação ou um acrônimo
<address>
<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
<big> Não suportada no HTML5. Use CSS em seu lugar.
Define texto grande
<blockquote> Define uma seção que é citada de outra fonte
<center> Define o texto centralizado
<cite> Define o título de um trabalho
<code> Define um pedaço do 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
<ul> Não suportado em HTML5. Use CSS em seu lugar.
<i> Define uma parte do texto em 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 documento. intervalo conhecido (um medidor)
<pre> Define o texto pré-formatado
<progress> Representa o progresso de uma tarefa
<q> Define uma citação curta
<rp> Define o que mostrar em navegadores que não suportam anotações em ruby
<rt> Define uma explicação / pronúncia dos caracteres (para tipografia do leste asiático)
<ruby> Define uma anotação de rubi (para tipografia do leste asiático)
<s> Define o texto que não está mais correto
<samp>Define a saída de amostra de um programa de computador
<small> Define texto menor
<strike> Não suportado em HTML5. Use <del> ou <s>.
<strong> Define o texto importante
<sub> Define o texto subscrito
<sup> Define o texto sobrescrito
<template> Define um contêiner para o conteúdo que deve ser oculto quando a página carrega
<time> Define um horário específico (ou data / hora)
<tt > Não suportado em HTML5. Use CSS em seu lugar.
<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 Entrada

Formulário

<form>
<input> Define um controle de entrada
<textarea> Define um controle de entrada com 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 <fieldset> elemento
<datalist> Especifica um lista de opções predefinidas para controles de entrada
<output> Define o resultado de um cálculo Tag da

Molduras

<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.
<iframe> Define um quadro embutido

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
<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 Descrição da tag

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 links de navegação Listas Descrição da tag
<ul> Define um lista não ordenada
<ol> Define uma lista ordenada
<li> Define um item da lista
<dir> Não suportado no HTML5. Use <ul>.
<dt> Define um termo / nome em uma lista de descrição
<dd> Define uma descrição de um termo / nome em uma lista de descriçã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 um tabela
<col> Especifica propriedades da coluna para cada coluna em um elemento
<colgroup> <colgroup>Especifica um grupo de uma ou mais colunas em uma tabela para formatar


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
< data> <dados>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
<basefont> Não suportado no HTML5. Use CSS em seu lugar.
Especifica uma cor, tamanho e fonte padrão para todo o texto em um documento.
<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 <applet> Não suportado em HTML5. Use <embed> ou <object>. Define um applet incorporado <embed> Define um contêiner para um aplicativo externo (não HTML)
<object> Define um objeto incorporado

Categoria: curso html | Tags: , , , , , , , | Postado por joemaster em 30/jun/2020

<< Anterior

Próximo >>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *