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.
<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.
0 comentários:
Postar um comentário