x

Tags HTML

Sep27

Antes de mais nada leia o Post: Como aprender HTML, O que é HTML?

Elementos / tags HTML são o que constituem assim a base de todo documento HTML. Todas essas tags e elementos no código fonte de toda página WEB.
Essas tags sempre vem depois da declaração do DOCTYPE, que está na primeira linha da página.

Os elementos que formam o conteúdo da página são adicionados entre a tag de abertura <html> e a tag de fechamento </html>.

Confira algumas tags <html>  assim como <p>, <br>, <div> entre outras que você deve conferir logo abaixo:

As principais tags HTML

TagDescrição
<!–…–>Define um comentário
<!DOCTYPE>Define o tipo de documento
<a>Define um hiperlink (Link)
<abbr>Define uma abreviação ou um acrônimo
<address>Define informações de contato para o autor/proprietário de um documento
<area>Define uma área dentro de um mapa de imagem
<article>Define um artigo
<aside>Define o conteúdo, além do conteúdo da página
<audio> Define o conteúdo sonoro
<b>Define como negrito assim como a tag <strong>
<base>Especifica o URL/destino base para todos os URLs relativos em um documento
<bdi>Isola uma parte do texto que pode ser formatado em uma direção diferente de outro texto fora dele
<bdo>Substitui a direção do texto atual
<blockquote>Definir uma seção que é citada de outra fonte
<body>Define o corpo do documento
<br>Define uma quebra de linha única
<button>Define um botão clicável
<canvas>Usado para desenhar gráficos, on the fly, via script (geralmente JavaScript)
<caption>Define uma legenda de tabela
<cite>Define o título de uma obra
<code>Define um pedaço de código de computador
<col>Especifica as propriedades da coluna para cada coluna dentro de um <colgroup> elemento
<colgroup>Especifica um grupo de uma ou mais colunas em uma tabela para formatação
<data>Vincula o conteúdo fornecido a uma tradução legível por máquina
<datalist>Especifica uma lista de opções predefinidas para controles de entrada
<dd>Define uma descrição / valor de um termo em uma lista de descrição
<del>Define o texto que foi excluído de um documento
<details>Define detalhes adicionais que o usuário pode visualizar ou ocultar
<dfn>Representa a instância de definição de um termo
<dialog>Define uma caixa de diálogo ou janela
<div>Define uma seção em um documento
<dl>Define uma lista de descrição
<dt>Define um termo/nome em uma lista de descrição
<em>Define texto enfatizado
<embed>Define um contêiner para um aplicativo externo (não HTML) assim como o iframe
<fieldset> Agrupa elementos relacionados em um formulário
<figcaption>Define uma legenda para um <figure> elemento
<figure>Especifica conteúdo auto-contido logo deve ter uma tag <img>
<footer>Define assim um rodapé para um documento ou seção
<form>Define um formulário HTML para entrada do usuário
<h1> to <h6>Define cabeçalhos de HTML
<head>Define assim informações sobre o documento
<header>Define um cabeçalho para um documento ou seção
<hr>Define uma mudança temática no conteúdo
<html>Define a raiz de um documento HTML
<i>Texto estilo itálico assim como a tag <em>
<iframe>Define um quadro inline
<img>Define assim uma imagem
<input>Define um controle de entrada
<ins>Define um texto que foi inserido em um documento
<kbd>Define a entrada do teclado
<label>Define assim um rótulo para um <input> elemento
<legend>Define uma legenda para um <fieldset> elemento
<li>Define assim um item da lista
<link>Define o relacionamento entre um documento e um recurso externo (mais usado para vincular a folhas de estilo)
<main>Especifica o conteúdo principal de um documento
<map>Define um mapa de imagem do lado do cliente
<mark>Define texto marcado/realçado
<meta>Define metadados sobre um documento HTML
<meter>Define uma medida escalar dentro de um intervalo conhecido (um medidor)
<nav>Define links de navegação
<noscript>Define assim um conteúdo alternativo para usuários que não suportam scripts do lado do cliente
<object>Define um objeto incorporado
<ol>Define uma lista ordenada
<optgroup>Define um grupo de opções relacionadas em uma lista suspensa
<option>Define uma opção em uma lista suspensa
<output>Define assim o resultado de um cálculo
<p>Define um parágrafo
<param> Define um parâmetro para um objeto
<picture>Define assim contêiner para vários recursos de imagem
<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 rubi (para tipografia do leste asiático)
<s>Define assim o texto que não está mais correto
<samp>Define a saída de amostra de um programa de computador
<script>Define um script do lado do cliente
<section>Define uma seção em um documento
<select>Define assim uma lista suspensa
<small>Define assim texto menor
<source>Define assim vários recursos de mídia para elementos de mídia (<video> e <audio>)
<span>Define uma seção em um documento
<strong>Define assim texto importante
<style>Define informações de estilo para um documento
<sub>Define o texto subscrito
<summary>Define um cabeçalho visível para um <details> elemento
<sup>Define o texto sobrescrito
<svg>Define um contêiner para gráficos SVG
<table>Define assim uma tabela
<tbody>Agrupa o conteúdo do corpo em uma tabela
<td>Define uma célula em uma tabela
<template>Define um modelo
<textarea>Define um controle de entrada de múltiplas linhas (área de texto)
<tfoot>Agrupa o conteúdo do rodapé em uma tabela
<th>Define uma célula de cabeçalho em uma tabela
<thead>Agrupa o conteúdo do cabeçalho em uma tabela
<time>Define assim uma data/hora
<title>Define um título para o documento
<tr>Define uma linha em uma tabela
<track>Define faixas de texto para elementos de mídia (<video> e <audio>)
<u>Define o texto que deve ser estilisticamente diferente do texto normal
<ul>Define uma lista não ordenada
<var>Define uma variável
<video>Define assim um vídeo ou filme
<wbr>Define uma possível quebra de linha

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

12 + sete =