Redes sociais

Facebook hot tutorial YouTube hot tutorial Rss feed hot tutorial

Listagem de comandos do HTML

28 novembro 2011

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 ;
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 ;
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.

Peguei esse texto no http://www.clubepc.org/listagem-de-comandos-do-html-30-10-2007

Nenhum comentário:

Postar um comentário

Atenção!
-Comentários ofensivos não serão publicados.
-Antes de pedir ajuda veja se a dica já não está no índice do blog.