Sei sulla pagina 1di 12

'TAGS' BSICOS

<html></html> Inicia/termina um documento em HTML. <head></head> Define a rea de cabealho, com elementos no visualisveis na pgina. <body></body> Define a rea visvel do documento.

CABEALHO

<title></title> Coloca o nome da pgina na barra de ttulo da janela.

ATRIBUTOS DO CORPO

<body bgcolor=?> Cor de fundo. <body text=?> Cor de texto. <body link=?> Cor das links. <body vlink=?> Cor das links previamente visitadas. <body alink=?> Cor da link activa.

TEXTO

<b></b> Texto carregado. <i></i> Texto em itlico. <tt></tt> Texto estilo mquina de escrever, monoespaamento. <font size=?></font> Tamanho das letras. <font color=?></font> Cor das letras. <font face=?></font> Define a fonte utilizada.

LINKS

<a href="URL"></a> Cria uma hiperligao. <a href="mailto:EMAIL"></a> Cria uma link para o envio de correio. <a name="NOME"></a> Cria um 'alvo' dentro de uma pgina. <a href="#NAME"></a> Faz a ligao a um 'alvo' presente dentro da mesma pgina.

FORMATAO

<p></p> Define a rea de um pargrafo.

<p align=?> Alinhamento de um pargrafo. <br> Insere uma quebra de linha. <div align=?> 'Tag' genrico utilizado para formatar blocos de texto.

GRAFISMO

<img src="FICHEIRO"> Insere uma imagem. <img src="FICHEIRO" align=?> Alinha uma imagem em relao ao resto do texto. <img src="FICHEIRO" border=?> Define a borda da imagem. <hr> Insere uma linha horizontal.

TABELAS

<table></table> Cria uma tabela. <tr></tr> Linha de uma tabela <td></td> Clula individual numa linha.

ATRIBUTOS DAS TABELAS

<table border=#> Borda volta de cada clula. <table cellspacing=#> Espao entre as clulas. <table cellpadding=#> Margem interior das clulas. <table width=# or %> Largura da tabela - em pixels ou percentagem. <tr align=?> or <td align=?> Alinhamento horizontal do contedo das clulas.quot;left", "center" ou "right") <tr valign=?> or <td valign=?> Alinhamento vertical do contedo das clulas.("top", "middle" ou "bottom") <td colspan=#> Numero de colunas 'percorridas' por uma clula. <td rowspan=#> Numero de linhas 'percorridas' por uma clula.

FRAMES

<frameset></frameset> Define o conjunto de frames. Surge antes de <body> num documento com frames. <frameset rows="valor,valor"> Define as linhas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporo). <frameset cols="valor,valor"> Define as colunas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporo). <frame>

Define uma unica frame. Surge dentro de <frameset>. <noframes></noframes> rea onde inserido o contedo visivel em browsers que no suportam o uso de frames.

ATRIBUTOS DE UMA FRAME

<frame src="URL"> Especifica o documento HTML a ser exibido na frame. <frame name="nome"> D um nome frame de modo a poder ser 'linkada' a partir de outras frames. <frame scrolling=VALOR> Define se a frame tem barra de scroll. VALOR pode ser "yes", "no" ou "auto". <frame noresize> Impede o visitante de redimensionar a frame.

<html> </html> tags de inicio e fim de um doc html; <head> </head> Identificadores do cabealho ; <meta> Meta informao (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 prxima pgina ; <meta name="palavras chave" content="x">comunica as palavras chaves e envia para os mecanismos de busca; <meta name="descrio" content="x"> comunica a descrio para os mecanismos de busca; <title> </title> Identifica o ttulo da pgina ;

<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 pgina; <body text="#000000"> especifica a cor padro de um texto ; <body link="#000000"> especifica a cor padro de um link; <body vlink="#000000"> especifica a cor padro de um link visitado; <body alink="#000000"> especifica a cor padro de um link ativo; <body leftmargin="0" topmargin="10" rightmargin="10"> especifica distncia da margem esquerda, direita e topo da pgina ; <body marginwidth="0" marginheight="0" > coloca as margens esquerda e superior em 0 no Netscape 4.0 + ; <body onload="x()"> especifica a iniciao de um evento do script quando o doc html carregado

Capitulo ---------------------2--------------------As Tags de fontes e tipos

<basefont size="x"> Estabelece um tamanho padro de fonte de 1-7 onde size o padro 3; <h></h> Cabealho 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> Itlico; <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 pgina em sees lgicas;

<div align=left/center/right> Alinha os dados dentro de uma seo div; <div class=classname> atribui uma class a uma seo div; <hr> Insere uma rgua horizontal ao longo da pgina <hr size="x"> especifica o tamanho de espessura horizontal da rgua em px;

<hr width="x"> especifica o tamanho da largura da rgua em px;

<hr noshade> especifica uma rgua em preto; <nobr> evita quebra de linha; <p> Cria pargrafos; <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.

Captulo

---------------5----------------As Tags de Imagens

<IMG SRC="URL"> Apresenta uma imagem; <IMG SRC="URL" align=top/middle/bottom> Alinha a imagem em relao a base do texto; <IMG SRC="URL"align=left/right> Alinha imagem em relao a pgina 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 espaamentos vertical e horizontal; <IMG LOWSRC="URL" SRC="URL"> especifica o carregamento inicial de uma imagem de baixa resoluo antes da imagem verdadeira seja carregada; <IMG NAME="X" SRC="URL"> Nomeia a imagem para uso com JavaScript.

Captulo ----------6-------------As Tags de Listas

<DL> </DL> Inicia / termina um ttulo de definio; <DD> </DD> Inicia / termina definio; <DT> </DT> Inicia / termina termo de definio; <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 maisculas ,a para minsculas, I para numerais romanos,

i para numerais romanos pequenos e1 para nmeros padro;

<LI></LI> Item de lista padro;

<LI TYPE=A/a/I/i/1>></LI> controla o formato de uma lista; <UL> </UL> inicia /termina Lista no ordenada; <UL COMPACT></UL> cria lista no 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 espaamento 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 nmero de linhas; <TD width="x"> especifica o tamanho da celula ; <TH></TH> define o cabealho da tabela;

Captulo --------------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 espaamento entre frames; <frame src="url"> especifica a url a ser carregada; <frame name="name"> especifica nome do frame; <frame noresize> no permite que o frame seja redimensionado; <frame scrolling="auto" > determina se vai ter barra de rolagem ou no

Finalmente as Tags de Formulrios

<form action ="url" Method="get/post> Inicia term form e define parmetros; </form> <input type="text/password/checkbox/radio/submit/reset/image"> Especifica campos de entrada. senha, caixa de marcao, rdio, envio, limpa imagem; <input type="HIDDEN"> <input name="nomedocampo"> <input checked> Campo oculto; define o nome de um campo no form;

Marca de seleo ativada;

<input size=x> tamanho do campo; <option> Cria opes podem ser selecionadas;

<option selected="selected"> especifica uma opo 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 automtico de um texto.

Potrebbero piacerti anche