Guia de Consulta Rápida HTML

o Guia completo da linguagem HTML Inclui listas, tabelas, frames, formulrios on-line, Java e muito mais.
Contm tudo o que voc precisa conhecer para criar pginas na World Wide Web da Internet com a HTML. Perfeito para carregar de um lado para outro.
GUIA DE CNSULTA RPIDA
ISBN 85-85184-38-8
RUBENS PRATES
9"788585"184384"
Copyright 1998 Novatec Editora Ltda. Fone: (011)6959-6529 Fax: (011)6950-8869 Internet: http://www.novatec1.com
novatec
m www.novated www.novateci .com
ndice
<!- texto de comentrio >
<A> <ADDRESS> . . . : . <APPLET> .'&. <B> _... .! <BASE> <BASEFONT> <BIG> <BLINK> <BLOCKQUOTE> <BODY> <BR> <CAPTION> <CENTER> <CITE> <CODE> l <COMMENT> <DD> _$DIR> <DIV> -<DL> cDT> _ <EM> <EMBED> <FRAME> <FRAMESET> <FONT> <FORM> . . . . :
.-.
_ ,.
16 7 27 7 5, 8 7 7 7 4, 6, 24 9 12 9 7 7 6 11 11 9 11 11 7 8 24 24 8,26 18 6 4,5 6 7 14-15 19-20 5 7 10-11 5 8 ;... 11 5 9 25 10 20 9 27 8 8 7 27 20 7 7 7 7 7 12 13 20 13 5 12 7 10-11 7 9 8
:.
(O
<INPUT> <ISINDEX> <KBD>
<LINK> <LISTING> .? <MENU> JB <META> <NOBR> . <NOFRAMES> <OL> <OPTION> <P> o <PARAM> is <PLAINTEXT> S <PRE> -ra <SAMP> <SCRIPT> <SELECT> <SMALL> <STRIKE> O <STRONG> -g <SUB> _ .S <SUP> <TABLE> o <TD> E <TEXTAREA> <TH> E <TITLE> <TR> <TT> <UL> g <VAR> O <WBR> <XMP>
ndice
ACTION ALIGN ALINK ALT BACKGROUND BGCOLOR BORDER CELLPADDING CELLSPACING CHECKED CLEAR CODE CODEBASE COLOR
18 6, 9, 12, 13, 14, 20 6, 26 14 6,26 6, 26 12, 14 12 12 19 9 27 27 8
COLS
COLSPAN CONTENT COORDS ENCTYPE HEIGHT HREF HSPACE HTTP-EQUIV ISMAP LANGUAGE LINK LOWSRC MARGINHEIGHT MARGINWIDTH MAXLENGTH METHOD METHODS MULTIPLE NAME NOHREF NORESIZE NOSHADE NOWRAP PROMPT REL REV ROWS ROWSPAN SCROLLING SELECTED SHAPE GIZE SRC START TARGET TEXT TITLE TYPE USEMAP VALIGN VALUE VLINK VSPACE WIDTH WRAP
20,24
13 5 23 18 14, 27 5, 16,22,23 14 5 23 27 6,26 14 24 24 19 18 5 20 5, 19,20,24,27 22 24 6 13 5 5 5 20.24 13 24 20 22,23 6,8, 19,20 8, 14,20,22,24 10 23,25 6,26 5,17 10. 19, 20, 21 22 12, 13 10, 19,20,21,27 6,26 14 6,8, 12, 13, 14,27 20
AppIetsJava Cabealho da Pgina Caracteres Especiais Comandos de Formatao Fsica / Lgica Comentrios Conceitos Bsicos Estrutura de uma Pgina Caracteres Especiais Controle do Fluxo de Texto Corpo da Pgina Esquema de Endereamento na Internet Endereo de Correio Eletrnico (E-mail) URL Identificao do Servidor Estrutura de uma Pgina Exibio de Texto Pr-formatado Formulrios On-line Definio do Formulrio Definio dos Campos do Formulrio Upload de Arquivo Reiniciando o Preenchimento do Formulrio . Processamento do Formulrio Preenchido .... Exemplo de Formulrio de Cadastramento .... Frames Comandos no Documento de Layout Comandos no Documento de Contedo Nomes Especiais de Frames Exemplo do Uso de Frames Imagens Mapeadas Formato CSIM Formatos CERN e NCSA Incluso de Objetos Incluso de Imagens Formatos GIF x JPEG Recursos Avanados Imagens GIF Transparentes Imagens GIF Entrelaadas JavaScript Linhas Links Links com Outras Pginas Links com Sees de Pginas Links com Outros Recursos da Internet Lista de Variveis CGI Listas Listas Ordenadas Listas No-Ordenadas Listas de Definio Listas de Menus de Itens e Diretrios Tabelas Definio da Tabela Legenda da Tabela Definio da Linha da Tabela Definio de uma Clula de Ttulo Definio de uma Clula de Dados Exemplo de Tabela Tamanho das Fontes Ttulos Tipos de Recursos da Internet Utilizao de Cores Tags para Definio de Cores Tabela Parcial de Cores Verso da HTML Utilizada neste Guia
.27 .5 . 30-31 .7 .6 .4 . 4,30-31
.9 .6 .28 .28 .28 .4

. 18 . 19-20 . 21 .21 .21 .21
. 24-25 .25 .25 .25 . 22-23 .23
. 15
. 15 . 15 .27 .6
. 16 . 16-17 . 17 .32 . 10 . 10 . 11 . 11 . 12 . 12 . 12 . 13 . 13 . 13 .8 .6 .29 .26 .26 . 26 .32
Conceitos Bsicos
Cabealho da Pgina
J^?^*^'*^>t^Vyi.V."1^^s^ Conceitos, Basicosi
Cabealho da Pgina
O cabealhocontm informaes sobre a pgina, que no so visualizadas na pgina. O cabealho da pgina delimitado pelos comandos<HEAD> e</HEAD>.
Uma pgina HTML um arquivo-texto simples (ASCI I) contendo o texto da pgina e os comandos HTML (tags) que definem a formatao da pgina e os vnculos com outras pginas. Os comandos so indicados entre (< e >), como por exemplo: <TITLE>. Existe um comando de abertura (que ativa uma caracterstica) e um de fechamento (que desativa), queem alguns casos opcional, corno por exemplo no comando<TR> que no necessitado comando de fechamento</TR>. Observe que os comandosde fechamento tm seus nomes precedidos poruma barra (/). Letras minsculas e maisculas so consideradas iguais nos comandos. Tanto faz escrever<HTML>, <Html> ou<html>. Contudo recomenda-se colocar os comandos em letras maisculas. Os comandos no reconhecidos pelo browser sero ignorados. Dentro do te xto da pgina somente a formatao feita atravs de comandos de formatao reconhecida. Os seguintes caracteres so ignorados: espaos extras em branco, tabulaes, marcas de fim de linha (Line Feed) e quebras de linha (Carriage Return). O nome do arquivo da pgina HTML deve ter extenso .HTML (ou .HTM no DOS/Windows 3.1). Para criar ou editar uma pgina pode ser usado qualquer editor, como o Notepad ou o Microsoft Word. Contudo, o uso de editores especializados em HTML, como o HotDog da Sausage Software (voc pode consegui-lo em http://www.sausage.com), facilita muito o trabalho de criao.
Tags do cabealho
<BASE HREF="URI__base"> Especifica o endereo-base da pgina, que utilizado para determinar o endereo completo dos endereos (URLs) relativos que aparecem na pgina. Ver tambm <BASE TARGET="nome_frame">na pgina 25. <BASE HREF="http://www.yahoo.com/"> <ISINDEXPROMPT="mensagemn> Abre uma janela onde o usuriodigita uma ou mais palavraschaves (separadas por vrgulas) a serem pesquisadas na pgina. O browser passa essas informaes para o servidor da pgina, que executa a pesquisa (somente em se rvidores com capacidade de realizar esse tipo de pesquisa). Este recurso til para pesquisar em pginas longas e complexas. PROMPT , Especifica uma mensagem alternativa mensagem default em ingls (This is a searchable ndex. Enter search keywords:). <ISINDEX> <METAHTTP-EQUIV=^ CONTENT=îorrte( EnviainformaoSsaaiconais (metainfSrmaces) paraoservidor HTTP, que no sero exibidas pelo browser. HTTP-EQUIV Nome de um cabealho HTTP. N AME Nomedametainformao. CONTENT Contm o valordo cabealho.
Programa auto-carregvel a cada l segundo <META HTTP-EQUIV="Refresh" CONTENT=1> <TITLE> Exemplo do uso de META </TITLE> <BODY> Qualquer texto.</BODY>
Toda pgina composta de um cabealho e de um corpo. A pgina em si delimitada respectivamente pelos comandos<HTML> e </HTML>, o cabealho pelos comandos<HEAD> e </HEAD> e o corpo da pgina pelos comandos <BODY> e </BODY>. Embora sejam opcionais, recomenda-se a sua utilizao. <HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> <BASE ...> <ISINDEX ...> <META ...> <LINK ...> </HEAD> <BODY> Elementos que devem aparecer na pgina </BODY> </HTML>
Para garantir que sua pgina seja visualizada sem nenhum problema em qualquer idioma, equipamento ou sistema operacional existente na Web, a linguagem HTML possui uma codificao para caracteres especiais. Cada caractere deve ser representado da seguinte forma: um caractere "&" inicial, um nmero ou um cdigo especial correspondente ao caractere desejado, e um caractere";" final (o ponto-e-vrgula obrigatrio). Por exemplo, para escrevera palavra caf,digite caf&eacute.Vejanapgina30aiistadecaracteres especiais. Essa lista tambm pode ser encontrada na Internet no endereohttp://www.w3.org/hyperext/WWW/MarkUp/ISOIat1.html.
<TITLE> texto do ttulo <fi"ITLE> Identifica o ttulo da pgina, que exibido no topo da jane Ia do browser. Deve ser explicativo, para que os leitores tenham uma ideia do contedo da pgina apenas lendo o ttulo. utilizadoparaidentificarapaginaembookmarksehotlists.se no for fornecido, o browser assumir o nome do arquivo da pgina como ttulo. <T!TLE> Guia de Consulta Rpida </TITLE> <LINK HREF="URL_pag" REL="relac" REV="relac_inv" TITLE="ttulo" METHODS="lista"> Documenta o relacionamento entre a pgina aluai e outras pginas. Pode ser repetido vrias vezes para definir mltiplos relacionamentos. HREF "" Endereo (URL) de uma pgina com a qual se quer relacionar. REL Descreveo relacionamento entre a pgina atual e a pgina referenciada emHREF. REV Inverso deREL. TITLE Ttulo do link de destino. METHODS Lista de funes que podem ser
executadas sobre o relacionamento. <LINK REV="made" HREF="mailto:rprates@originet.com.br">
Corpo da Pgina/Comenrios/Ttulos/ Linhas
Formatao Fsica/ Lgica
Comandos de Formatao Fsica/ Lgica;

<BODY BACKGROUND="URL_imagem" BGCOLOR="cor" TEXT="cor" LINK="cor" VLINK="cor" ALINK="cor"> corpo da pgina </BODY> Delimita o corpo da pgina, que a parte da pgina que o leitor visualiza na sua tela. BACKGROUND Especifica a imagem (GIF ou JPEG) usada para preencher o fundo da tela. A imagem ser exibida somente se a opo Auto Load Image do browser estiver habilitada. BGCOLOR Ver Utilizao de Cores na pgina 26. TEXT Ver Utilizao de Cores na pgina 26. LINK Ver Utilizao de Cores na pgina 26. VLINK Ver Utilizao de Cores na pgina 26. ALINK Ver Utilizao de Cores na pgina 26. <BODY BACKGROUND="fundo.j pg"> Os comandos de formatao fsica indicam ao browser exatamene como um trecho de textodeveserformatado, ^nquanto os de formatao lgica apenas sugerem a utilizao de algum tipo de nfase. Os comandos de formatao fsica podem ser'aninhados, como por exemplo, utilizando negrito e itlico juntos para um trecho de texto.
 <P><A HREF="tbase"> BASE </A> <P><A HREF="#isindex"> ISINDEX </A> <P><A HREF= " Smeta " > META </A> <P><A HREF="Stitle"> TITLE </A> <P><A HREF="#link"> LINK </A> <A NAME="base"> Tag BASE </A> Define o endereo-base da pgina... <P> Sintaxe: <BASE HREF="URL_pginaJ!> <A NAME=" is ndex "> Tag ISINDEX </A> Define o documento como pesquisvel. . . <P> Sintaxe: <ISINDEX PROMPT=" mensagem "> <A NAME="meta"> Tag META </A> Envia informaes da pgina. . . <P> Sintaxe: <META HTTP-EQUIV="noine" |NAME="nome" CONTENT= " contedo " > <A NAME="title"> Tag TITLE </A> Identifica o ttulo da pgina... <P> Sintaxe: <TITLE> texto do ttulo </TITLE>
Definio de um destino de link hipertexto

<A NAME="rtulo"> texto opcional </A> Identifica um lugar na pgina como destino de um link hipertexto. Este lugar ser referenciado em umcomando <A HREF="rtulo">. <A NAME="prj l">Aqui comea o Projeto 1</A>
Desviando para um link na mesma pgina

<A HREF="#rtulo"> texto do link </A> Desvia para o local no documento identificado por#rtulo. Este local dever ter sido definido pelo comando <A NAME="rtulo">. Quando voc selecionaouclica sobre o extodo hipertexto, o browser traz paraotopoda tela aparte da pgina identificada pelortulo. <A HREF="#prjl">(veja o Projeto 1)</A>
<A HREF="recurso" TITLE="ttulo"> Especifica um link com um documento no- HTML. A Internet oferece muitos recursos alm do World Wide Web, com os quais voc pode estabelecerlinks apartirde sua pgina. Ver Tipos de Recursos da Internet na pgina 29. TITLE Fornece um ttulo para o documento de destino cujo endereo est especificado em HREF. til para exibir o ttulo do documento antes de carreg-lo ou para identificardocumentos que no possuem um ttulo, tais como, menus de Gopher p grficos.
Exemplos:
<A HREF="ftp://ftp.novell.de"> <A HREF="gopher://gopher.spandex.net:80"> <A HREF="mailto:rprates@originet.com.br"> Escreva para o autor</A> <A HREF="news :comp. infosystems .www"> <A HREF="telnet://word.com">
16
Formulrios On-line
Formulrios On-line
Um formulrio on-line simplesmente uma parte da pgina composta de campos (que o leitor da pgina deve preencher), um boto para limpar os campos j preenchidos e um boto que, quando pressionado, submete o formulrio preenchido para processamento. Atravs dos formulrios de preenchimento pode-se obterdados das pessoas que visitaram a pgina. Os formulrios podem ser usados para pedidos de compras, questionrios e uma grande variedade de outras aplicaes. Uma pgina pode ier vrios formulrios, mas os formulrios no podem ser aninhados.
<FORM ACTION="urt" ft/HE7HQD="GETIPOST" ENCTYPE="tipo"TARGET="nomeJanela">... </FORM> Define um formulrio para o leitor entrar com dados dentro do documento HTML. ACTION Define para onde enviar o contedo do formulrio. Podesero endereo (URL) de um programa CGI script no direrio cgibin do servidor, ou a instruo "ma\Ko:endereo_e_ma/T para enviar os dados do formulrio como um e-mail para um endereo que voc especifica. Voc receber um e-mail com um arquivo anexado ("atached") contendo o string com os nomes dos campos e os respectivos contedos. O sinal"+" ser utilizado no lugarde espao em branco e o sinal "&" ser usado entre os campos. Voc pode usar uma macro, por exemplo, do Word, para converter em texto legvel. Em caso de dvida, consulte a rea de suporte do seu provedor para obter mais informaes sobre o processamento do seu formulrio. METHOD Define como o contedo do formulrio ser enviado para o programa CGI script no servidor para processamento. get Inclui as informaes do formulrio no final do URL (mtodo obsoleto). post Envia todas as informaes do formulrio separadas do endereo URL (mtodo recomendado). ENCTYPE Especifica o tipo MIME dos dados do formulrio enviados para o servidor no mtodo POST. <FORM METHOD="POST ACTION="/cgi-bin/post-query <INPUT ... <IHPUT ... <SELECT> <OPTION> ... <OPTION> . . . </SELECT> <TEXTARE> </TEXTAREA> </FORM>
<INPUTTYPE="TEXT" NAME="norne" SIZE=n MAXLENGTH=n VALUE="valor"> Define um campo de texto simples com uma nica linha (default). Ver<TEXTAREA> para mltiplas linhas. NAME ftt Nome do campo. SIZE * * Nmero de caracteres do campo (default=20). MAXLENGTH Nmeromximodecaracterespermifidosno campo. Se MAXLENGTH > SIZE, o texto rola na janela para a entrada dos dados. VALUE Valordefaultdocampo. <IHPUT NME="nome" TYPE="TEXT" SIZE=45> <INPUTTYPE="PASSWORD" NAME="nome" SIZE=n MAXLENGTH=n VALUE="valor"> Define um campo de texto para entrada de senha. Os caracteres digitados sero exibidos na tela como asteriscos. Usa as mesmas opes de<INPUTTYPE="TEXT">. <XNPUT TYPE="PASSWORD" NAME="senha" MAXLENGTH=5> <INPUTTYPE="RADIO" NAME="nome" VALUE="valor" CHECKED> Define um campo tipo "botode rdio", utilizado para coletar "dados mutuamente exclusivos, como por exemplo: sexo (masculinoou feminino), onde somente uma opo pode ser escolhida. Os botes de rdio de um mesmo grupo devem ier o mesmqNAME e diferentes VALUE. NAME Nome do campo. VALUE Valorqueserenviadoparaoservidorse o campo estiver selecionado. CHECKED Especificaque o campo est inicialmente selecionado. Informe o sexo: <BR> <INHJT TYPE=nRADIO" NAME="sexo" VALUE="masc"> Masculino <INPUT TYPE="RADIO" NAME="sexo" VALtIE="fem"> Feminino <INPUTTYPE="CHECKBOX" NAME="nome" VALUE="valor" CHECKED> Define um campo tipo "caixa de verificao", utilizado para coletardadosdotipo"simou no" ou "marcado ou desmarcado". NAME Nome do campo. VALUE Valorqueserenviadoparaoservidorse o campo estiver selecionado. CHECKED Especifica que o campo est inicialmente selecionado. Assinale os perifricos que possue: <INPUT TYPE="CHECKBOX" NAME="laser" VALUE="X"> Impressora Laser <INPUT TYPE="CHECKBOX" NAME="modem" VALUE="X"> Modem/fax <INPUT TYPE="CHECKBOX" NAME= "multi " VALUE="X"> Multimdia <INPUTTYPE="HIDDEN" NAME="nome" VALUE="valor"> Define um campo que no exibido na tela, mas que tem um nome e um valor. Este campo enviado junto com os outros campos do formulrio para processamento no servidor. NAME Nome do campo. VALUE Valor atribudo ao campo. <INPOT TYPE="HIDDEN" NAME="cod" VALUE="L5">
19
Formulrios On-line <INPUTTYPE="IMAGE" SRC="URL_imagem" ALIGN="ipo"> Equivalente ao <INPUT TYPE=Submit>, somente que no lugar do boto, ser includa uma imagem para ser clicada. SRC Endereo (URL) daimagemaserusada no lugar do boto de "submit". ALIGN Define como o texto e a imagem sero alinhados. Ver opes no atributoALIGN docomando<IMG>napgina14. <INPUT TYPE="IMAGE" SRC= "gravar . gif ">
Formulrios On-line
. Comando novo do browserNetscape, que permite ao leitor da pagina entrar com um nome de arquivoaser enviado. Exibe fmbmoBoô"BrovB^"paraajudaralocalizaroarquivo.
.- - ..<**.-(*
l4.-i*'S*!*i*Ht"-.:-'.
*-
; .
<FORJ "Siie^= "muiti"jart/ f orm-data"

*i'-'-'?. "^t" "-i;''"1"*.^. ."
' Sfe"^}}ome''ârquivb a' '"ser enviado:

' <INPUT NAME="nomearq" TYPE="FILE" -" ""-<INPUT TYPE="SOBMIT" =" Enviar Arquivo">
Definio de campo de texto com vrias linhas

<TEXTAREA NAME="norfle" WRAP="tipo"> texto default </TEXTAREA> Define uma rea na tela para a digitao de texto com vrias linhas. Exibe otexto default se fornecido; caso contrrio, a rea estar vazia inicialmente. NAME Nome do campo. ROWS Nmero de linhas da rea. COLS Nmero de colunas (caracteres) darea. WRAP Opo de quebra de linha no texto ("word-wrapping"). off Desabiiita "word-wrapping" (default). virtual Habilita "word-wrapping". Insere caracteres de quebra de linha ("new line") para garantir que o texto fique dentro da rea, mas estes caracteres no so includos nos dados quando o formulrio enviado para processamento. physical Equivalente avirtual, mas os caracteres de quebra de linha so includos. <TEXTAREA NAME="obs" ROWS=6 COLS=64> Digite aqui o que voc achou do Guia </TEXTAREA>
fe!j:.;-;,
<INPUTTYPE^RESET1",VALUE=nrtulon> Define um boto com a funo predefinida de apagar os dados digitados e reiniciar o preenchimento do formulrio. VALUE fihgsr.j.-RtuIo (label) que aparecer no boto ,* f sfftf <jêsetno 'U9ar da palavra reset. digitaco">
<INPUTTYPE="SUBMffvALUE=IIrtulo11> Define um boto com a funo predefinida de enviar o formulrio preenchido pra processamento. O atributo ACTION no comndo<FORM> define o que ser feito com oformulriopreenchdo,'" 'VALUE' "S^-jVRtuto (label) que aparecer no boto , submtnolugardapalavra"submit". <JNPUT FYPE="SUBMIT VM.UE "Processar">
Definio de Campo Lista de Opes

<SELECT NAME="nome" SIZE=n MULT!PLE> ... </SELECT> Define um campo composto de uma lista de opes a serem escolhidas. Se SIZE=1 define um menu instantneo. O comando<OPT10N>deveserusadoparadefinircadaopo. NAME Nome do campo. SIZE Especificaquantas linhas dalista ficaro visveisdecadavez(default=1). MULTIPLE Permite selecionar mais de uma opo. Use as teclas CTRL para selecionar opes no contguas e SHIFT para selecionar um intervalo de opes. <OPTIONSELECTEDVALUE="valor">texto</OPTION> Usado paradefinircada opo de um campo<SELECT>. O comando de fechamento</OPTION> opcional. SELECTED Indica que a opo ser pr-selecionada. VALUE Valor a ser retornado pelo campo <SELECT> se a opo for selecionada. Se no especificado, o valor retornado ser o texto especificado em<OPTION>. Escolha a cor desejada: <P> <SELECT NAME="cor" SIZE=1> 3PTION VALUE="azul"> Azul <OPTION VALUE="verd"> Verde <OPTION VALUE="verm"> Vermelho </SELECT>
20
Por favor preencha este questionrio: <BR> <FORM METHOD="POST" 9^f^f - ACTION="mailto inovatecSoriginet.com.br"> Nome:<INI>nr!ypE=?TEXI" NflME="nome" SIZE=45> <P> Sexo:<INPU TYPE="E2UDIO" IffiME="sexo VALUE=masc> Masc <IHPOT YP&;"RaDIO" NSME="sexo" VALUE=fem> Fem <P> reas'.de interesse: ""-,,'. "". <INPUTTyPE='"CHKa!BOX" NME="bd" vaLUE=nX">Banco dados <INPDTTPS="CHECKBOX" NAME="inult" VM,t3E="X">Multimdia <INPUTTPE="CHECKBOX" NME="plan" VM.DE="X">Planilhas <INPUTTYI>E=-CHECKBOX" NAME="til" vLUE="X">Utilitrios <P><TEXTHES.!aME="sugestos' ROWS=4 COLS=64> Digite as suas sugestes para novos lanamentos
</TEXTRE&> _ _i _
<P>Sistema Utilizado".'.;)'"' <SELECTI!iIE="siStema" SIZE=1> <OPTIOH VAI.nE='W95> Windows 95 <OPTION V2!iDE="W31"> Windows 3.1 <OPTION VAIfflE="DQS"> MS-DOS <OFFION VLnE="UHX"> DNIX <OPT10N VUJE="MC"> MAC " </SELECT> <P>Obrigado por responder este questionrio.<P> < INPUT TYPE=" RESET " VH.DE=" Reiniciar Digi taco "> <INPUTTYPE="SDBMIT' VMiOE="Gravar Formulrio"> </FORM>
21
Imagens Mapeadas
Imagens mapeadas so imagens (GIF ou JPEG) contendo reas definidas, que quando clicadas carregam outros documentos. Cada rea linkada a um endereo URL especfico. Uma utilizao tpica de imagens mapeadas com mapas geogrficos. Por exemplo: uma imagem mapeada do mapa do Brasil, onde cada Estado seria uma rea e estaria relacionada a um URL. Cada vez que um Estado (rea) fosse clicado, o documento associada quela rea seria carregado. A utilizao de imagens mapeadas muito comum na World Wide Web, pois cria um efeito esttico atraente. O problema que elas aumentam o tamanho da pgina, retardando o carregamento. A maior dificuldade na criao de imagens mapeadas a delimitao das coordenadas dessas reas na imagem, mas que pode ser facilitada com a ajuda de utilitrios como o MapEdit (voc pode consegui-lo em http://www.bouieil.com/mapedit/mapedit.zip) ou o MapThis! (http://galadriel.ecaetc.ohio-estate.edu/tc/mt). Existem trs formatos de imagens mapeadas: o formato CSIM (Client Side Image Map), que no necessita de scripts CGI no servidor, e os formatos CERN e NCSA, que ainda necessitam.
E o formato mais fcil, pois todas as informaes necessrias para processar a imagem mapeada esto dentro do prprio documento. <IMGSRC="URL_imagem" USEMAP="URL_pgina#nome__mapa"> Insere uma imagem e define um mapa com as coordenadas das reas clicveis da imagem. SRC Especificao URL da imagem aser inserida na pgina. USEMAP Especifica o nome do mapa de coordenadas a ser utilizado. Se o mapa estiver na pgina atual, ento no necessrio especificarURL_pgina. Ver <MAP NAME="nome_mapa"> para definir um mapa. <IMG SRC="opc. jpg" USEMAP="maps .htmftir.apal"> <MAP NAME="nome_mapa">... </MAP> Define o mapacom as coordenadas de cada rea clicvel da imagem mapeada, que est especificado no parmetro USEMAP no comando<!MG> acima. Deve terumcomando < AREA> para cada rea clicvel da imagem. <MAP NAME="mapal"> <AREA SHAPE="rect" COORDS=.. HREF=".."> <AREA SHAPE="rect" COORDS=.. KREF=".."> <AREA SHAPE="deault" NOHREF> </MAP> <AREASHAPE="forma"COORDS="x1,y2,x2,y2,.." TARGET="nome_janela" NOHREF ou HREF="URL" > Define as coordenadas de cada rea clicvel da imagem mapeada e onde deve ser linkada. O formato dessas coordenadas varia de acordo com a forma da rea. Use MapEdit ou MapThis! para definir essas coordenadas. SHAPE Formageomtricadarea. rect Retngulo. Requer dois pares de coordenadas, paradefinir o canto superior esquerdo (x1,y1)eoinferiordireito(x2,y2) (opo default).
22
Imagens Mapeadas Crculo. Requer dois pares de coordenadas, definindo o ponto central do crculo (x1,y1) e qualquer ponto na borda do crculo (x2,y2). poly Polgono. Requer pelo menos trs pares de coordenadas definindo os vrtices do polgono (at 100). No necessrio repetiroprimeiropardecoordenadasat o fim da lista de vrtices. default Especifica o que deve ser feito se for clicada uma rea da imagem que no foi delimitada, isto , no faz parte das reas definidas no mapa. Pode ser informado o endereo de uma pgina a ser carregada ou NOHREF no caso de no carregar nenhuma pgina. COORDS Coordenadas em pixels. VerSHAPEna pginaanterior. HREF Endereo(URL)dapginaasercarregada casoareadelimitada pela coordenadas tenha sido clicada. TARGET Carrega a pgina em URL na janela especificada. Ver Frames na pgina 24. <AREA SHAPE="RECT" COORDS="10,10,49,49" HREF="produtos.htm"> <AREA SHAPE="RECT" COORDS="O,O,159,59" NOHREF> circle
Estes formatos so mais trabalhosos que o formato CSIM e, embora obsoletos, ainda so muito utilizados na World Wide Web. Nestes formatosobrowserenvia ao servidoras coordenadas clicadas na imagem. Um programa script CGI no servidor efetua o processamento dessas coordenadas e, conforme especificado no arquivo mapa, carregaapginacorrespondente. O arquivo mapa um arquivo externo pgina e contm as coordenadas de cadarea clicvel da imagem mapeada. Use MapEdit ou MapThis! para cri-lo. Existe uma pequena diferena na especificao das coordenadas entre os formatos CERN e NCSA. Formato CERN: default URL rect (x1,y1)(x2,y2) URL circ (cx.cy) r URL poly (x1 ,y1) (x2,y2) (x3,y3)... URL Formato NCSA: ^comentrio rect URL x1,y1x2,y2 circle URL cx,cyx1,y1 polyURLxl.yl X2,y2x3,y3...
Voc deve solicitar mais informaes rea de suporte do seu provedor para criar estes formatos de arquivos. <A HREF="URL_mapa"> <IMG SRC="URLjmagem" ISMAP></A> Insere uma imagem e define o arquivo mapa a ser utilizado para definiras coordenadas das reas clicveis da imagem. HREF Especificaalocalizaodoarquivomapa. ISMAP Indica que a imagem inserida uma imagem mapeada atravs do mapa especificado em HREF. <A HREF="/cgi-bin/imagemap/mapa2.map">
<IMG WIDTH=447 HEIGHT=57 ISMAP
SRC=" images /main2. gi f " >< /A>
23
c.:
Frames Frames <NQFRAMES> ...</NOFRAMES> Defineoquedeveserexibidonolugardeframesembrowsers que no possuem tal recurso. Poroutro lado, os browsers que reconhecem frames ignoraro tudo o estiver entre os comandos<NOFRAMES> e</NQFRAMES>.
O recurso de frames permite dividir uma simples janela do browser em diversas reas, chamadas frames. Em cada f rame pode sercarregada e visualizada uma pgina diferente. Coffrantrfrzao de frames existem dois tipos de documentos HTML: documentos de layout (frameset) e documentos de contedo. Os documentos de layout contm a estrutura de frames, com o comando<BODY> sendo substitudo pelo comando<FRAMESET>. Os documentos de contedo so documentos HTjVlLjripjTriais, com eomaodo<BQDY>. " ~
jy&y^^&^f* j ***"1^?V*T?t*'* .n -*~*v WV~- *" T ^ >^ ^
<FRAMESETROWS="n1ln1%,n2ln2%..." CQLS="n1ln1%,n2ln2%...">...</FRAMESET> Define um frameset, atravs da especificao da quantidade e do tamanho dos frames a serem exibidos. Dentro do frameset somente outros comandos aninhados <FRAMESET>, comandos <FRAME> ou comandos <NOFRAMES> podem ser includos. ROWS Divide a janela em frames horizontais, definindo a altura de cada frame. n Altura do frame em pixels. n% Altura do frame como uma porcentagem da altura da janela. * Indica um frame com altura relativa, ficando o frame com o espao restante. Contudo, se existir outros frames com altura relativa, o espao restante ser dividido entre eles. n* Indica que o frame ocupar um espao equivalente a n vezes o espao destinado a cada frame do frameset. Exemplos: "2*,*" Aloca2/3doespaoparaoprimeiro frame, e 1 /3 para o segundo. "*3,*" Aloca 3/4 do tamanho do frame para o primeiro frame e o resto para o segundo, COLS Divide a janela em frames verticais, definindo a largura de cada frame. Usa a mesma sintaxe deROWS. <FRAMESET ROWS="20%,30%,50% " > <FRAME SRC="url" NAME="nome_frame"> Define um simples frame em um frameset. SRC Endereo (URL) da pgina a ser exibido inicialmente no frame. NAME Nomedoframe, permitindo o seu acesso porouros URLs, atravs deTARGET. M ARGINWIDTH Margens esquerda e direita da frame (em pixels). MARGINHEIGHT Margenssuperioreinferiordoframe(em pixels). SCROLLING Barras de rolagem do frame. yes Sempre visveis no frame. no No exibe as barras de rolagem. auto Inclui se o contedo do frame ultrapassar o tamanho do mesmo (default). NORESIZE Nopermiteoredimensionamentodoframe (default=podem ser redimensionados).
<A HREF="URL_pginan TARGET="nome_frame">... Carrega a pgina no frame especificado. <A HREF="..." TARGET="principal"> <BASE HREF="URL_pgina" TARGET="nome_frame"> Define o frame default onde sero carregados os links na pgina. Pode ser sobreposto por definies especficas no comando<A HREF="..." TARGET="nome_frame">.
_blank Exibe o novo documento em uma nova janela. _parent Carrega o novo documento no frame de nvel superior ("parentframe") ao documento e, se no existir, o mesmo que_self. Uma maneira de implementarBACK. _self Carrega o novo documento no mesmo frame e janela do linkquecarregou-o(defaul). _op Remove todos os frames e carrega o novo documento em uma janela inteira. Possibilita sair ("exit") de um documento com frames.
Documento de Layout <HTML> <TITLE> Documento de Layout </TITLE> <FRAMESET ROWS="2Q%,80%"> <FRAME SRC="qqlogo.htm" SCROLLING="NO"> <ERMESE^-COLS= "10%,90%"> <FRAME SRC="qqmenu.htm" NORESIZE> <FRAME NAME="xframe"> </FRAMESET> </FRAMESET> </HTML> Documentos de Contedo Arquivo: qqmenu.htm <HTML> __^<TITLE> Menu~a~pes </TITLE> <BODY> <H1> Menu de Opes </Hl> <A HREF="pagl.htm" target="xframe">Opao 1</A><P>
<A HREF= "pag2.htm" target="xframe">Opao 2</AxP>

< HREF="pag3.htm" target="xframe">Opao 3</A> </BODY> </HTML> Arquivo qqlogo.htm <HTML> <TITLE> Logotipo da Empresa </TITLE> <BODY> <H1> Coloque qualquer logo </Hlx/BODY> </HTML> Arquivo: pagl .htm (pag2.htm e pag3.htm) <HTML> <TITL,E> Pgina l (opo 1) </TITLE> <BODY> <H1> Texto da Pgina l </Kl> </BODY> </HTML>
24
25
Utilizao de Cores
Java/JavaScript
lppIetsJava
Vrios elementos de uma pgina podem ter atribuda uma cor. A cor especificada atravs de um cdigo que indica a tonalidade de cada umadas trs cores primrias RGB (red=vermelho, green=verde e blue=azul) utilizadas na criao da cor. Este cdigo composto de trs nmeros, no formato decimal ou no formato hexadecimal. Por exemplo: o comando <FONT COLOR=255,0,255> define a cor magenta usando o formato decimal e<FONT COLOR=#FFQOFF> define a mesma cor usando o formato hexadecimal. Uma outra maneira (no padronizada) de indicar uma cor colocar o prprio nome da cor, contido em uma lista de cores nomeadas. Porexemploiblack (preto), red (vermelho), yellow (amarelo), blue (azul), green (verde) e white (branco). Por exemplo: <FONT COLOR=red>. Voc pode conseguir a lista de todas as cores nomeadas do Netscape no endereo http://home.netscape.com/eng/ mozilIa/Gold/handbook/javascript/colors.html. A linguagem Java uma linguagem desenvolvida pela Sun Microsystems, baseada na linguagem C-H-, para ser executada em diversas plataformas. Applets so aplicaes desenvolvidas na linguagem Javae que podem ser executadas pelobrowser, atravsde uma "mquina virtual" que executa as instrues no cdigo binVio Java. Para mais informaes sobre a linguagem Java, visite o site da Sun no endereo http://java.sun.com. <APPLETCODEBASE="URL_cdigo"CODE="nome" HEIGHT=n WIDTH=n> texto alternativo </APPLET> Insere uma applet Java na pgina. Pode ser colocado um texto alternativo, a ser exibido pelos browsers no compatvies com Java, para indicar a exsitncia de uma applet Java naquele espao. Os parmetros para a applet so especificados no comando<PARAM> abaixo. CODEBASE Localizao (URL) do cdigo Java. Se omitido, assume a URL do documento. CODE Nome da applet a ser includa. HEIGHT Altura (em pixels) da applet na pgina. WIDTH Largura (em pixels) da applet na pgina. <APPLET CODE="ImageTape.class" WIDTH=58 HEIGHT=70> <PARAM NAME="nome" VALUE="valor"> Permite passar parmetros para a applet inserida com o comando<APPLET> acima. NAME Nome do parmetro. VALUE Valordefaultdoatributo. <PARAM NAME="dir" VALUE="4">
<FONT COLOR="cor"> texto </FONT> Exibe o texto na cor especificada. <BODYBGCOLOR="cor"TEXT="cor"LINK="cor" VLINK="cor" ALINK="cor"> Define cores para vrios elementos da pgina. BGCOLOR Cor de fundo da pgina, em vez de se colocar uma imagem (default=#333333 que corresponde cor cinza 20%). TEXT Gordo texto na pgina (default=#000000 que corresponde cor preta). LINK Gordos links de hiperexto, ou damoldura de uma imagem linkada (deault=#0000ff que corresponde cor azul 50%). VLINK Cor de links que j foram visitados (default=#ffOOff que corresponde cor magenta). Somente Netscape. ALINK Cor de um link que foi pressionado, mas que o leitor ainda no soltou o boto do mouse (default=#ff 0000 que corresponde corvermelha). GCOLOR=" # 0 0 0 0 0 0
Exemplo de Uso de Applets Java

<APPLET CODE="ImageTape.class" WIDTH=58 HEIGHT=70> <PARAM NAME="speed" VALUE="4"> <PARAM NAME="img" VALUE="images/team"> <PRAM NAME="dir" VALTJE="4"> <PARAM NAME="nimgs" VALUE="15"> </APPLET>
fi/avaScript
A linguagem JavaScript uma verso simplificada da linguagem Java da Sun Microsystems, desenvolvida em conjunto pelas empresas Netscape e Sun. A linguagem JavaScript, ao contrrio da linguagem Java, interpretada di r tamente pelo browserepodesercolocadadiretamene na pgina HTML na seo<HEAD> ou<BODY>. Pode ser utilizada para uma grande variedade de aplicaes, como por exemplo, para verificara validade dos dados de um formulrio de preenchimento. <SCRIPT LANGUAGE=" JavaScript"> cdigo </SCRIPT> Identifica um mdulo em JavaScript. O cdigo do mdulo pode ser colocado dentro de comentrios para garantir que no ser exibido por browsers que no reconhecem JavaScript. <SCRIPT LANGUAGE=" JavaScript ">
Cor
Amarelo Amarelo escuro Azul Azul claro Azul mdio Azul escuro Branco Cinza Cinza escuro Preto Vermelho Vermelho escuro Verde Verde escuro Magenta Magenta escuro
Valor RGB 255,255,0 191,191,0 0,0,255 0,255,255 0,191,191 0,0.191 255,255,255 192,192,192 128,128,128 0,0,0 255,0,0 191,0,0 0,255,0 0,191,0 255,0,255 191.0,191
Valor Hexadecimal #FFFFOO lBFBFOO #OOOOFF #OOOOBF #OOBFBF fOOFFFF SFFFFFF COCOCO #808080 #000000 SFFOOOO SBFOOOO #OOFFOO OOBFOO #FFOOFF fOOOOBF
<l
. . . cdigo em JavaScript . . . </SCRIPT>
26
27
Endereamento na Internet
Tipos de Recursos
Tipos de Recursos da Internet

Sintaxe: "nomeusu nomeserv" nomeusu Nome que identifica o usurio. nomeserv Identifica a localizaodo computadorservidorna Internet. Ver o quadro Identificao do Servidor abaixo. Exemplos: "rprates@originet.com.br" "askbill@microsofi.com" Observao: Os endereos de correio eletrnico usam letras minsculas sem qualquerespao em branco.
File (Acesso a arquivos locais)

Permite exibir um arquivo em seu computador local sem efetuar qualquer conexo com a Internet. Sintaxe: "file:///drivel/path"
FTP (File Transfer Protocol)

Protocolo para efetuar upload e download de arquivos em servidores. Cada diretrio consiste de uma lista de links, cada link precedido por um pequeno cone indicando outro diretrio ou arquivo. Clicando em um arquivo, serefetuado o download para uma pasta em seu computador. FTP annimo Sintaxe: "ftp://nomeserv[/path]"
O esquema URL usado indicar a localizao de documentos e outras informaes na Internet . Ao contrrio dos endereos e-mail, leva em considerao adiferena entre letras maisculas e minsculas. Sintaxe: tipo://nomeserv/path/arquivo.extenso tipo Tipo de protocolo. VerRecursosdalntemetnapgina 30. nomeserv Identrficaalocalizaodo computadorservidorna Internet. Ver o quadro Identificao do Servidor abaixo. Eventualmente voc pode ver um URLcontendo ":" e um nmero no final do nome do computador, tal como eu.ansp.br:80. Esse nmero identifica o nmero da porta usada para manipular tipos especficos de protocolos (nmeros default: HTTP=80, Gopher=70, FTP=21 , Telnet=23, SMTP=25, NNTP =1 1 9). path Identifica a localizao de um arquivo no computador. O ltimo item em um path usualmente uma extenso, acrescentada ao nome do arquivo aps o ponto decimal. Em geral, indica o tipo de informao contida no arquivo. Exemplo: "ftp://ftp.puc-rio.br/pub/cica/pc/win3/winsock/ Iviewp16.zip"
FTP em servidores que solicitam senha Sintaxe: "ftp://nomeusu:senha @ nomeserv/path" nomeusu Nome do usurio. senha Senha. nomeserv Nome do domnio docomputadorservidor. porta Nmero da porta para conect-lo. path Path indicando a localizao do arquivo dentro dos subdiretrios do servidor.
Gopher
Protocolo para acessarservidores Gopher. Sintaxe: "gopher://[nomeserv][/path]"
HTTP (Hypertext Transfer Protocol)

Protocolo para acessar pginas Web na Internet. Para acessar pginas em servidores que usam os esquemas de segurana do Netscape use https no lugar de http. Sintaxe: "http://[nomeserv][/path]"
Sintaxe: subdomnios.domnio Exemplos: ftp1.netscape.com www.embratel.net.br www.altavista.digital.com subdomnios Para indentificar um servidor na Internet em qualquer lugar do mundo usado um ou uma sequncia de subdomnios, apresentados da esquerda para a direita e separados por ponto (.). Entretanto, internamente um servidor identificado pelo seu endereo IP, que tem a forma n1 .n2.n3.n4. Por exemplo: o nmero"! 8.1 81 .0.24 poderia ser endereo IPdertfm.mit.edu. domnio Caracteriza a organizao e/ou o pas. Domnio Organizacional (sufixo mais interno) Identifica o tipo de organizao que est operando o servidor: empresa comercial (.com), instituio de ensino (.edu), instituio governamental (.gov), organizao internacional (.int), organizao militar(.mil), empresas operadoras de backbone (.net) e organizao privada (.org). Domnio Geogrfico (sufixo mais externo) Identifica o pas; usado pela maioria dos pases, com exceo dos EUA onde quase no utilizado.Exemplos: Brasil (.br), Chile (.ch), EUA (.us), Itlia (.it) e Japo (.jp). 28
Mailto
Abre a janela Message Composition para enviar mensagem de correio eletrnico (e-mail). O browserdo leitordeve estarconfigurado para usar um servidor de mail. Sintaxe: "mailto:[endereo]"
News
Protocolo para acessar newsgroups da Usenet. Para acessar servidores de news que usam sofware da Netscape (com recurso de segurana) use snews no lugar de news. O browser do leitor deve estar configurado para usar um servidor de news. Sintaxe: "news:[nomeserv]"
Telnet
Protocolo para emular um terminal remoto de computador. O browser do leitordeve informara localizao da aplicao telnet a ser utilizada. Sintaxe: "elnet:[nomehost]" WAIS Protocolo para pesquisar bancos de dados WAIS (Wide rea Information Server) na Internet. Necessita de um proxy WAIS. Sintaxe: "wais://[nomeservj"
29
Caracteres Especiais
Caracteres Especiais (cont.)
'/4
Tabulao horizontal Nova linha No utilizado Espao em branco Ponto de exclamao &quot Aspas Sinal numrico Cifro Sinal de porcentagem &amp E comercial Apstrofo Parntese esquerdo Parntese direito &S42 Asterisco + &#43 . Sinal de mais &#44 Vrgula &#45 Hfen &S46 Ponto final / &#47 Barra normal O - 9 &#48 - &#57 Dgitos de O a 9 : &#58 Dois-pontos ; &S59 Ponto-e-vrgula < &#60 &lt Smbolo menor do que = &#61 Sinal de igual > &S62 &gt Smbolo maior do que ? &S63 Ponto de interrogao &#64 Arroba A - Z &#65-&#90 Letras de A at Z Colchete esquerdo \8 No utilizado Barra invertida &*92 &#93 Colchete direito &#94 Acento circunflexo &#95 Sublinhado &S96 Acento grave &97 - &# 122 Letras de a at z &#123 Chave esquerda &#124 Barra vertical SS125 Chave direita &S126 Til &#127 - &#159 No utilizado &#160 Snbsp . Espao sem quebra 65161 Siexcl Ponto de exclamao invertido 65162 Scent Sinal de centavo 65163 Spound Libra esterlina &#164 &curren Smbolo monetrio geral &#165 &yen Iene 65166 Sbrvbar Barra vertical quebrada 65167 &sect Pargrafo (legal) &3168 Sumi Trema &#169 Scopy Copyright 65170 Sordf Ordinal feminino 65171 Slaquo Aspas angulares de abertura 65172 &not Sinal de no &#173 Sshy Hfen longo 65174 Sreg Marca registrada 65175 Smacr Macron 65176 &deg Grau &#177 Splusmn Mais ou menos &S178 &sup2 Ao quadrado &#179 &sup3 Ao cubo &#180 Sacute Acento agudo &#181 Smicro Micron SS182 Spara Sinal de pargrafo &#183 &middot Ponto no meio &#184 Scedil Cedilha &S185 Ssupl Elevado a um &#186 Sordm Ordinal masculino
&#09 &#10 &#11-&#31 6532 6533 6534 6535 &#36 &#37 &#38 &#39 &S40
%
<.
A
<A
&#187 &r!88 &M89 &#190

&#191
K E
i i i I
0
Y
&#192 &#193 &S194 &#195 &S196 &#197 &S19S &S199 &S200 &S201 &S202 .. &#203 ' &S204 &#205 &#206 &#207 &S208 &S209 &#210
&#211
f
(3
ae
i i T n
-r 0
y b y
&S212 &S213 &#214 &S215 &S216 &#217 &218 &S219 &#220 &3221 &S222 &S223 &#224 &225 &#226 &S227 &228 &S229 &S230 &#231 &#232 &S233 &S234 &#235 &S236 &S237 &S238 &S239 &#240 &#241 &S242 &S243 &#244 &S245 &#246 &S247 &#248 &S249 &S250 &S251 &S252 &#253 &S254 &S255
Sraquo - .Aspas angulares de fechamento &frac14 *: Fraco de um/quarto &frac12 Frao de meio Fraco de trs/quartos &frac34 Siquest Interrogao invertida Ll&Agrave A maisculo com crase SAacute A maisculo com acento agudo &Acirc A maisculo com acento circunflexo SAtilde A maisculo com til SAring A maisculo com trema SAuml A maisculo com anel SAElig Ligatura AE maiscula &Ccedil C cedilha maisculo Egrave E maisculo com crase SEacuie E maisculo agudo SEcirc E maisculo com circunflexo &Euml E maisculo com trema l maisculo com crase Slgrave &lacute l maisculo com acento agudo Slcirc 1 maisculo com acento circunflexo luml 1 maisculo com trema &ETH Eth maisculo islands &Ntilde N maisculo com til &Ograve O maisculo com crase SOacute O maisculo com acento agudo &Ocirc O maisculo com acento circunflexo &Otilde O maisculo com til &Ouml O maisculo com trema Sinal de multiplicao SOslash O maisculo com uma barra U maisculo com crase &Ugrave &Uacute U maisculo com acento agudo SUcirc U maisculo com acento circunflexo &Uuml U maisculo com trema Yacute Y maisculo com acento agudo &THORN Thom maisculo islands &szlig Ligatura sz Sagrave a minsculo com crase &aacute a minsculo com acento agudo &acirc a minsculo com acento circunflexo Satlde a minsculo com til Satilde a minsculo com trema Sauml a minsculo com anel Saelig ligatura ae minscula Sccedil c cedilha minsculo fiegrave e minsculo com crase Seacute e minsculo agudo Secirc e minsculo com acento circunflexo &euml e minsculo com trema Sigrave i minsculo com crase Siacute i minsculo com acento agudo Sicirc i minsculo com acento circunflexo Siuml i minsculo com trema -Seth eth minsculo islands Sntilde n minsculo com til Sograve o minsculo com crase Soacute o minsculo com acento agudo &ocirc o minsculo com acento circunflexo Soiilde o minsculo com til Souml o minsculo com trema Sinal de diviso &oslash o minsculo com barra Sugrave u minsculo com crase Suacute u minsculo com acento agudo Sucirc u minsculo com acento circunflexo Suuml u minsculo com trema Syacute y minsculo com acento agudo &thom thom minsculo islands &yuml y minsculo com trema
30
31
Lista de Variveis CGI / Verso Utilizada neste Guia
Mtodo de autenticao usado para validar usurios. Nmero de bytes passados para o script CONTENT_LENGTH CGI. CONTENT_TYPE Tipo MIME dos dados passados para o script CGI. GATEWAY_INTERFACE Nmero da verso da especificao CG l utilizada pelo servidor. HTTP_ACCEPT Tipos MIME que o cliente aceitar. HTTP_REFERER URL da pgina contendo o link para seu script-CGI. HTTP_USER_AGENT Nome do browserdo leitor. PATHJNFO Informao sobre o caminho que vem junto com o pedido. PATH_TRANSLATED Verso de PATHJNFO para um documento absoluto no sistema local. QUERY_STRING String de pesquisa que segue o caractere"?" no URL. REMOTE_ADDR Endereo IP de REMOTEJ-iOST. REMOTEJDENT Identificador de usurio para um usurio remoto. Nome da mquina e do domnio do S REMOTE_HOST browser usado para acessar seu CGI. S o. REMOTE_USER Nome do usurio que est fazendo o pedido. REQUESTJWETHOD Mtodo associado ao pedido (GET, _CD HEAD, POST, PUT etc). CD SCRIPT_NAME Nome do script CGI que est sendo executado. SERVERJMAME Nome do domnio da mquina que est l 0> executando o servidor HTTP. o c SERVER_PORT Nmero da porta utilizada (normalmente porta 80). SERVER_PROTOCOL Nome do protocolo e numerada reviso do protocolo que est sendo utilizado. SERVER_SOFTWARE Nome e verso do sofware servidor que est atendendoao pedido.
AUTHJTYPE
CD TJ O Q. .S
Este Guia est baseado na verso da linguagem HTML implementada no browser Netscape Navigator2.0, que no momento da publicao deste guia (Maio/96) estava sendo usada por mais de 70% dos usurios da World Wide Web, sendo o padro de fato da linguagem HTML. Contudo, existe uma grande controvrsia na Internet porcausa das extenses da Netscape, que no constam do atual padro HTML 2.0 ou que diferem da proposta HTML 3.0 (que est em discusso e ainda no foi oficializada). Essa controvrsia com certeza acabar quando o padro HTML 3.0 forfinalmente oficializado e atendncia que todos os browsers sigam esse padro (inclusive o Netscape Navigator). Pretendemos atualizaresteGuiaparaincluiropadro HTML 3.0 quando este for oficializado. Envie o seu e-mail para a Novatec Editora (novatec@originet.com.br), para ser informado das novas edies deste Guia e tambm sobre outros lanamentos referentes Internet.
32

Guia de Consulta Rápida HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Guia de Consulta Rápida HTML

Uploaded by

Copyright:

Available Formats

o Guia completo da linguagem HTML Inclui listas, tabelas, frames, formulrios on-line, Java e muito mais.

GUIA DE CNSULTA RPIDA

<!- texto de comentrio >

16 7 27 7 5, 8 7 7 7 4, 6, 24 9 12 9 7 7 6 11 11 9 11 11 7 8 24 24 8,26 18 6 4,5 6 7 14-15 19-20 5 7 10-11 5 8 ;... 11 5 9 25 10 20 9 27 8 8 7 27 20 7 7 7 7 7 12 13 20 13 5 12 7 10-11 7 9 8

<INPUT> <ISINDEX> <KBD>

18 6, 9, 12, 13, 14, 20 6, 26 14 6,26 6, 26 12, 14 12 12 19 9 27 27 8

.27 .5 . 30-31 .7 .6 .4 . 4,30-31

.9 .6 .28 .28 .28 .4

J^?^*^'*^>t^Vyi.V."1^^s^ Conceitos, Basicosi

executadas sobre o relacionamento. <LINK REV="made" HREF="mailto:rprates@originet.com.br">

Corpo da Pgina/Comenrios/Ttulos/ Linhas

Formatao Fsica/ Lgica

Comandos de Formatao Fsica/ Lgica;

<H1 ALIGN="center"> Introduo </Hl>

Tamanho das Fontes /Texto Pr-ormatado

Controle do Fluxo de Textc

Controle do Fuxo de Texto

Exemplo de Lista No-Ordenada:

Exemplo de Lista Ordenada:

Exemplo de Lista de Definio:

do cactersendo bem mais rpido.

BORDER VSPACE _ HSPACE LOWSRC

Imagens GIF Entrelaadas_

ALIGN left right

Desviando para um link em outra pgina

<A HREF="doc. html Sprjl"> (ver Projeto 1)</A>

Exemplo de Link com Seces:

<H1> Conhea os comandos na rea de Cabealho

Definio de um destino de link hipertexto

Desviando para um link na mesma pgina

<FORJ "Siie^= "muiti"jart/ f orm-data"

' Sfe"^}}ome''^arquivb a' '"ser enviado:

Definio de campo de texto com vrias linhas

Definio de Campo Lista de Opes

SRC=" images /main2. gi f " >< /A>

<A HREF= "pag2.htm" target="xframe">Opao 2</AxP>

Exemplo de Uso de Applets Java

Tipos de Recursos da Internet

File (Acesso a arquivos locais)

FTP (File Transfer Protocol)

Protocolo para acessarservidores Gopher. Sintaxe: "gopher://[nomeserv][/path]"

HTTP (Hypertext Transfer Protocol)

Caracteres Especiais (cont.)

&#187 &r!88 &M89 &#190

Lista de Variveis CGI / Verso Utilizada neste Guia

You might also like

J^?^^'^>t^Vyi.V."1^^s^ Conceitos, Basicosi