16 de mar de 2009

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.


Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Gostou desta dica? Divulgue para seus amigos. Envie suas sugestões. Nos envie informações para melhorar ou ampliar esta dica. Esperamos sua participação.