Make your own free website on Tripod.com

Garça Selvagem

Home | HTML | JavaScript | CSS | Serviços

HTML avançado - Lista de Tags

Ir para a página inicial da seção HTML

Refêrencia completa de tags




<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



Capitulo
---------------------2---------------------
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.





Capitulo

--------------3------------------

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;


Capitulo

--------------4------------------

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.



Capítulo

---------------5-----------------

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.





Capítulo

----------6--------------

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.


Capitulo

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



Capítulo
--------------8---------------------------

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.




Coloque o Garça Selvagem nos seus favoritos