Principais tags HTML

Vamos mostrar nesse post as principais tags html. Html significa
HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Com ele você consegue criar documentos básicos para web.

Tags Estruturais

<!– Seu comentário aqui –>

Você cria comentários em html

<html> </html>

Tag que define toda a estrutura html

<head> </head>

Tag que define o cabeçalho

<meta >

Dentro da tag você insere informações sobre seu documento

<style> </style>

Tags para códigos de estilo

<script> </script>

Tag para linguagem script

<noscript> </noscript>

Tag para conteudo que a tag script não suporta

<title> </title>

Você inseri o titulo so seu site

<body> </body>

è o corpo do site aonde vocẽ insere texto e código de programação, abaixo você pode visualizar alguns atributos que podem ser usado na sua tag body.

bgcolor – Cor de fundo do site #RRGGBB
background – Define uma imagem para o fundo
text – Define cor do texto principal
link – Define cor do links existentes na página
vlink – Define cor do link já visitado
alink – Define cor do link que foi ativado
marginheight – Deixa sem a margem esquerda
marginwidth – Deixa sem a margem no topo apenas no Netscape
topmargin – Deixa sem a margem no topo apenas no Internet Explorer
leftmargin – Deixa sem a margem esquerda apenas no Internet Explorer

Cabeçalhos

<h1> </h1>

Cabeçalhos que vai do 1 a 6

Parágrafos

<p> </p>

Um paragrafo tem por padrão em seu final uma quebra de linha, automaticamente tudo que vai a seguir a ele fica na linha de baixo.

align – Atributos para alinhar textos no parágrafos: left, right, center e justify

Listas

<ol> </ol>

Lista ordenada

start – Voce pode definir qual o numero que a lista começa
type – Defini os tipos de ordenação: A, a, I, i, 1

<ul> </ul>

Uma lista não ordenada

type – Tipos de caracteres não ordenados: disk, square, circle

<li> </li>

Um item da lista

value – Numeração individual do item da lista
type – Tipos de caracteres ordenados: A, a, I, i e 1 para listagem ordenada e disk, square e circle para não ordenada

<menu> </menu>

Um menu com uma lista de itens

<dir> </dir>

Uma listagem de diretórios

<dl> </dl>

Uma lista de definições ou glossário

<dt> </dt>

Marca o texto especificado como um termo de definição de um glossário

<dd> </dd>

Especifica o texto referente a um termo criado pela tag <dt> dentro de uma lista de definição

Formatação de caracteres

<em> </em>

Maior ênfase em itálico

<strong> </strong>

Maior ênfase em negrito

<code> </code>

Amostra de código

<kbd> </kbd>

Texto a ser digitado

<var> </var>

Uma variável ou espaço reservado para um outro valor

<samp> </samp>

Texto de amostra

<dfn> </dfn>

Aplica um formatação no texto definido como termo de um glossário

<cite> </cite>

Uma citação

<b> </b>

Texto em negrito

<i> </i>

Texto em itálico

<u> </u>

Texto sublinhado

<tt> </tt>

Fonte monoespaçada (texto semelhante à maquina de escrever)

<pre> </pre>

Texto pré-formatado

<strike> </strike>

Texto riscado

<s> </s>

Texto tachado

<sub> </sub>

Texto subscrito

<sup> </sup>

Texto sobrescrito

<big> </big>

Texto em fonte maior do que o padrão

<small> </small>

Texto em fonte menor do que o padrão

<blink> </blink>

Texto piscando somente no Nestcape

<marquee> </marquee>

Texto animado no Internet Explorer

Outros elementos

<hr>

Uma régua horizontal

size – Espessura da linha em pixels
width – Largura da linha em pixels ou porcentagem
align – Alinhamento da linha em center, left, right
color – Cor da linha em #RRGGBB
noshade – Linha sólida

<br>

Uma quebra de linha

<center> </center>

Centralizar

<div> </div>

Conteúdo

align – Alinhamento: left, center e right

<blockquote> </blockquote>

Texto com mais margem

<address> </address>

Assinaturas ou informações gerais sobre o autor de um documento

<font> </font>

Alterna tamanho , cor e tipo de fonte exibida

size – O tamanho da fonte varia de 1 a 7
color – A cor da fonte #RRGGBB
face – O tipo da fonte

<basefonte>

Define o tamanho padrão para a fonte na página atual

size – O tamanho da fonte varia de 1 a 7

Imagens

<img>

Insere uma imagem in-line no documento e inclui atributos comuns

usemap – Um mapa de imagens do lado cliente
src – O URL da imagem
alt – Uma string de texto que será exibida em navegadores que não possam suportar imagens
align – Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right
height – É a altura sugerida em pixels
width – É a extensão sugerida em pixels
vspace – O espaço entre a imagem e o texto acima e abaixo dela
hspace – O espaço entre a imagem e o texto à esquerda e à direita dela
border – Largura da borda

Frames

<frameset> </frameset>

Define um frameset

rows – Número de linhas no frame
cols – Número de colunas no frame
frameborder – Borda do frame
framespacing – Espaçamento
onload – É um evento intrínseco
onunload – É um evento intrínseco

<frame> </frame>

Define um frameset

name – É o nome do frame-alvo
src – Chama a fonte de conteúdo do frame
frameborder – Determina a borda do frame
marginheight – Determina a largura das margens
noresize – Determina a capacidade de redimensionar frames
scrolling – Determina a capacidade de rolagem dentro dos frames: auto, yes e no

<iframe> </iframe>

Define um frame in-line

<noframes> </noframes>

Alterna o conteúdo quando os frames não são suportados

Tabelas

<table> </table>

Cria uma tabela

background – Imagem de plano de fundo
bgcolor – Cor de plano de fundo
border – Largura da borda em pixels
cols – Número de colunas
cellpadding – Espaçamento nas células
cellspacing – Espaçamento entre as células
width – Largura da tabela
align – Alinhamento da tabela: left, center, right
bordercolor – Cor na borda da tabela

<caption> </caption>

A legenda para a tabela

<tr> </tr>

Uma linha na tabela

align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis left, right, center, justify e char
bgcolor – Cor de fundo
valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top, middle, bottom e baseline
background – Figura como plano de fundo

<th> </th>

Um cabeçalho de célula da tabela

align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula

<td> </td>

Define uma célula de dados da tabela

align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula
width – Largura da célula
height – Altura da célula

Formulários

<form> </form>

Define um formulário

action – Responsável por determinar o exato local para onde as informações coletadas no formulário deverão ser enviadas
method – Método de empacotamento dos dados do formulário: get, post e enctype="multipart/form-data"
name – Nome do objeto

<input>

Caixa de texto

type – Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image
name – Identificação do campo
size – Largura
maxlength – Número máximo de caracteres permitidos
value – Texto que aparece dentro da caixa ou nome do botão
checked value – Valor assumido quando este campo for selecionado

<textarea> </textarea>

Permite criar elementos de entrada com características de texto

rows – Tamanho da linha da caixa de texto
cols – Tamanho da coluna da caixa de texto
name – Identificação do campo
wrap – Quebra de linha da caixa de texto: off, virtual, physical

<select> </select>

Seleção

name – Identificador

<option> </option>

Opção

value – Valor do campo

Author Description

Author Social Links

Full width home advertisement

Post Page Advertisement [Top]