Listagem de comandos do HTML

Listagem de comandos do HTML

Aqui tem um lista com quase todos os comandos HTMLs existentes elas estao divididas por funcionalidade para facilitar

As TAGs Principais

<html> </html> tags de inicio e fim de um doc html;

<head> </head> Identificadores do cabeçalho ;

<meta> Meta informação (reside entre os tags <head> </head>;

<meta http-equiv=”refresh” content=”x”> atualiza a pag corrente a cada X segundos;

<meta http-equiv=”refresh” content =”x url=proxima.htm”> atualiza a pag corrente a cada X segundos e vai para uma próxima página ;

<meta name=”palavras chave” content=”x”>comunica as palavras chaves e envia para os mecanismos de busca;

<meta name=”descrição” content=”x”> comunica a descrição para os mecanismos de busca;

<title> </title> Identifica o título da página ;

<body> </body> inicia e finaliza o corpo do documento html;

<body background =”imagem.gif” > coloca um fundo em uma pagina;

<body bgcolor=”#cccccc”> coloca uma cor de fundo na página;

<body text=”#000000″> especifica a cor padrão de um texto ;

<body link=”#000000″> especifica a cor padrão de um link;

<body vlink=”#000000″> especifica a cor padrão de um link visitado;

<body alink=”#000000″> especifica a cor padrão de um link ativo;

<body leftmargin=”0″ topmargin=”10″ rightmargin=”10″> especifica distância da margem esquerda, direita e topo da página ;

<body marginwidth=”0″ marginheight=”0″ > coloca as margens esquerda e superior em 0 no Netscape 4.0 + ;

<body onload=”x()”> especifica a iniciação de um evento do script quando o doc html é carregado

As Tags de fontes e tipos

<basefont size=”x”> Estabelece um tamanho padrão de fonte de 1-7 onde size o padrão é 3;

<h></h> Cabeçalho de 1-6 ( em outras palavras <h1>texto</h1> ou <h2>texto</h2>;

<b> </b> Negrita um texto;

<strong></strong> Similar ao negrito;

<i></i> Itálico;

<u></u> Sublinhado;

<strike></strike> texto tachado;

<sub></sub> texto subscrito;

<sup></sup> texto sobrescrito;

<tt></tt> Texto teletipo (largura fixa);

<small></small> texto menor;

<big></big> texto maior;

<font size=”x”> tamanho da font onde x tamanho;

<font face=”nome da fonte”> Especifica o nome da fonte, exemplo, verdana, arial etc…;

<font color=”#000000″> Atribui cor a uma fonte.

As Tags de Layout

<blockquote></blockquote> desloca o bloco de texto;

<br clear=left/right/all> insere qubra de linha que limpa;

<center></center> centraliza objetos;

<div> Divide página em seções lógicas;

<div align=left/center/right> Alinha os dados dentro de uma seção div;

<div class=classname> atribui uma class a uma seção div;

<hr> Insere uma régua horizontal ao longo da página

<hr size=”x”> especifica o tamanho de espessura horizontal da régua em px;

<hr width=”x”> especifica o tamanho da largura da régua em px;

<hr noshade> especifica uma régua em preto;

<nobr> evita quebra de linha;

<p> Cria parágrafos;

<p align=left/center/right> alinha texto do paragrafo;

As Tags de Link

<a href=”URL”>Teste</a> Faz um link de texto ou imagem com uma url;

<a href=”URL” target=”_blank”>Teste</a> Faz um link de texto ou imagem com uma url dentro de uma nova janela do navegador totalmente nova;

<a href=”URL” target=”nome_frame”>Teste</a> Faz um link de texto ou imagem com uma url dentro de um frame;

<a href=”URL” target=”_self”>Teste</a> Faz um link de texto ou imagem com uma url dentro do frame que o link foi acionado ou seja, nele mesmo;

<a href=”URL” target=”_parent”>Teste</a> Faz um link de texto ou imagem com uma url dentro de um FRAMESET gerador do documento;

<a href=”URL” target=”_top”>Teste</a> Faz um link eliminando o frameset dentro da mesma janela do browser.

As Tags de Imagens

<IMG src=”URL”> Apresenta uma imagem;

<IMG src=”URL” align=top/middle/bottom> Alinha a imagem em relação a base do texto;

<IMG src=”URL”align=left/right> Alinha imagem em relação a página ou frame;

<IMG src=”URL” alt=”texto”> mostra descritivo;

<IMG src=”URL” width=”X” height=”Y”> especifica largura e altura;

<IMG src=”URL” border=”0″> retira as bordas da imagem;

<IMG src=”URL” hspace=”X” vspace=”Y”> especifica espaçamentos vertical e horizontal;

<IMG LOWsrc=”URL” src=”URL”> especifica o carregamento inicial de uma imagem de baixa resolução antes da imagem verdadeira seja carregada;

<IMG NAME=”X” src=”URL”> Nomeia a imagem para uso com JavaScript.

As Tags de Listas

<DL> </DL> Inicia / termina um título de definição;

<DD> </DD> Inicia / termina definição;

<DT> </DT> Inicia / termina termo de definição;

<OL> </OL> Inicia / termina lista ordenada;

<OL compact></OL> Cria uma lista ordenada compactada;

<OL TYPE=A/a/I/i/1></OL> Cria uma lista ordenada, especifica por tipo(A para letras maiúsculas ,a para minúsculas, I para numerais romanos, i para numerais romanos pequenos e1 para números padrão;

<LI></LI> Item de lista padrão;

<LI TYPE=A/a/I/i/1>></LI> controla o formato de uma lista;

<UL> </UL> inicia /termina Lista não ordenada;

<UL COMPACT></UL> cria lista não ordenada compactada;

<UL TYPE=DISC/CIRCLE/SQUARE> Especifica o tipo do bullet.

As Tags de Tabela

<table></table> Inicia e finaliza uma tabela;

<table border=”x”> define a borda de uma tabela;

<table cellspacing=”x”> define o espaçamento entre celulas;

<table cellpadding=”x”> defeina espessura de bordas;

<table width=”x”> define o tamanho da tabela em pixels;

<table width=”%”> define o tamanho da tabela em porcentagem;

<tr></tr> abre uma linha fecha uma linha;

<td></td> abre uma celula fecha uma celula;

<tr align=left/center/right valign=”top/middle/bottom > define o alinhamento horizontal e vertical da linha;

<TD NOWRAP> evita quebra de linha dentro de uma celula;

<TD COLSPAN=”x”> especifica o numero de colunas;

<TD ROWSPAN=”x”> especifica o número de linhas;

<TD width=”x”> especifica o tamanho da celula ;

<TH></TH> define o cabeçalho da tabela;

Tags de Frames

<frameset></frameset> Define os elementos do frame;

<frameset cols=”x,x”> Define as colunas dos frames em px ou %;

<frameset rows=”x,x”> Define as linhas dos frames em px ou %;

<frameset border=”x”> define a borda 1,2,3 quando valor “0” desligada;

<frameset framespacing=”1/0″> define espaçamento entre frames;

<frame src=”url”> especifica a url a ser carregada;

<frame name=”name”> especifica nome do frame;

<frame noresize> não permite que o frame seja redimensionado;

<frame scrolling=”auto” > determina se vai ter barra de rolagem ou não

Finalmente as Tags de Formulários

<form action =”url” Method=”get/post> Inicia term form e define parâmetros;

</form>

<input type=”text/password/checkbox/radio/submit/reset/image”> Especifica campos de entrada. senha, caixa de marcação, rádio, envio, limpa imagem;

<input type=”HIDDEN”> Campo oculto;

<input name=”nomedocampo”> define o nome de um campo no form;

<input checked> Marca de seleção ativada;

<input size=x> tamanho do campo;

<option> Cria opções podem ser selecionadas;

<option selected=”selected”> especifica uma opção selecionada;

<option value=”value”> especifica um valor ;

<select> </select> cria um menu no form ;

<select name=”name”> </select> Identifica os dados reunidos no menu;

<textarea </textarea> Cria uma caixa de entrada

<textarea wrap></textarea> especifica o retorno automático de um texto.

Eu achei esse site aqui um listagem de todos os comandos e com exemplos e definicoes de cada comando mas está em ingles
http://html.com/cheat-sheet/

 

 

34 thoughts on “Listagem de comandos do HTML

  1. Pingback: Coletando informa

  2. Pingback: Como fazer formul

  3. Nicksus

    Humph, you’ve changed my mind! Your arguments are convincing indeed. Despite I’m not a person who is easy to be convinced.

  4. Pingback: Comandos HTML « vandythome

  5. Ygor.dll

    🙁
    Vc pode mim encinar tipo assim eu faço uma pag de mentira igual a de verdade e eu quero pegar as informaçoes da pessoa mais a original vai para uma outra pag eu quero ja tirei essa pag entao tem alguem jeito de quando a pessoa clicar em “entrar” nao der nada e o login e a senha ficar num arquivo .txt ou .html na minha hospedagen?
    mais minha hospedagen nao pega arquivp .php 🙁 se poder mim ajudar fico grato!!!

  6. Sarah

    Adorei e irá me ajudar muito.

    By: Sarah Vivic dos blogs Nerd Absoluta e Fashion Gir.
    atual-sempre.blogspot.com
    fashiongirl-saah.blogspot.com

  7. Pingback: rolex replica watches

  8. wacher garcia

    muito obrigado caras na verdade este site tem me ajudado bastante ………

  9. Pingback: top 3 legitimate work from home jobs

  10. Pingback: click here to investigate

  11. Francisco Silva

    Olá amigos bom dia. Favor me ajude em uma solução.
    Minha blog tem um player audio que toca e o play aparece. Como faço para desaparecer o player, deixando somente o som para ouvir. Que tag eu uso para abrir e fechar?
    agradeço e felicidades

  12. Pingback: Microsoft 070-487