PROGAMAO PARA WEB

ESCOLA FERNANDO DUARTE RABELO

Professor: Renato Miranda Setbal

ANTES DE COMEAR, ALGUNS CONCEITOS

Protocolo, TCP/IP, Comutao de Pacotes, Endereo IP, Portas, HTTP, URL, GET, POST

Professor: Renato Miranda Setbal

Protocolo
Protocolo o conjunto de regras sobre o modo como que se dar a comunicao das partes envolvidas.

Protocolo
Os protocolos (de camada de aplicao) mais comuns na internet so: HTTP: Navegao de Pginas FTP: Transferncia de Arquivos HTTPS: Navegao de Pginas Seguras

TCP/IP
TCP/IP o protocolo padro utilizado na internet. A grosso modo, podemos dizer que o protocolo responsvel por enviar e receber mensagens. Ele faz uma ligao virtual entre o computador de origem e o computador de destino.

TCP/IP

IP
Todo dispositivo conectado a internet identificado por um endereo de rede denominado endereo IP. O endereo ip nico, cada dispositivo possui um endereo vlido e com o nmero de designao diferente. Nas redes internas de computadores, os endereos ip s so denominados ips falsos, pois esto fora da faixa de ips reais (Internet).

IP

Portas
Todas as aplicaes e servios que funcionam em rede utilizam portas para comunicao. Exemplos: HTTP: Utiliza porta 80. HTTPS: Utiliza porta 443. FTP: Utiliza porta 21.

Portas

HTTP PORTA 80

HTTP PORTA 80

DNS Domain Name System

DNS um servio de rede que faz a traduo de nomes em IPs. Podemo fazer uma analogia ao RGs. Cada pessoa possui um nome de identificao, porm o que vlido, o nmero do documento. Se no houvesse o servio de DNS, teramos de decorar os nmeros (endereos IPs) e acessar os sites atravs deles.

DNS Domain Name System

Manda o endereo http://www.terra.com.br Servidor DNS retorna o endereo ip Computador Acessa o Site

HTTP Hypertext Transfer Protocol

O HTTP um protocolo que utilizado para trocar informaes na WEB(textos, imagens, etc). No modelo OSI, um protocolo da camada de aplicao (nvel 5). Verses: HTTP 0.9,HTTP 1.0 (1996), HTTP 1.1 (1999)

HTTP Hypertext Transfer Protocol

Para acessar uma pgina WEB, necessrio existir um servidor HTTP (servidor web). Podemos citar os servidores web mais utilizados:
Apache IIS Glassfish Tomcat

URL Uniform Resource Locators

A URL serve para enderear um recurso disponvel na web. A URL pode ser dividida em trs partes:
1. Protocolo 2. Host e identificao do servio 3. Identificao de um recurso

URL Uniform Resource Locators

Exemplo: http://www.terra.com.br/blogs/teste/index.php Onde: Protocolo Host e identificao do servio Identificao de um recurso

URL Uniform Resource Locators

Quando digitamos uma url, o browser capaz de identificar a porta de comunicao de acordo com o protocolo utilizado. Se ele no fizesse isso, teramos de indicar a porta a ser acessada, por exemplo: http://meusite.com.br:80

URL Uniform Resource Locators

Dependendo da estrutura de uma rede de computadores, as portas podem mudar. Isso ocorre devido a utilizao de servidores de filtro de contedo denominados proxy. Por padro, no linux a porta a 3128 e no Windows 8080.

URL Uniform Resource Locators

As URLs servem tambm para fazer consultas em sites dinmicos. Exemplo: http://teste.com.br/busca.php?nome=Renato &idade=29 ? - Indica que ser passadas variveis como parmetros nome,idade Nome das variveis sendo passadas

URL Uniform Resource Locators

= - Comando de atribuio de valores varivel. & - Delimita as variveis

MTODOS
Mtodos em HTML so utilizados para submeter valores de uma pgina para outra pgina ou script. Os mtodos mais utilizados so POST e GET.

POST
Envia os dados para o servidor, porm, no os envia atravs da URL. Os dados so enviados no corpo da mensagem. Utilizar mtodo POST quando:
O resultado do pedido tem efeito persistente no servidor. Se houver muitos dados a serem enviados

GET
Envia informaes ao servidor utilizando a URL como meio de passar os dados. Utilizar mtodo GET quando:
Quando for fazer apenas uma pesquisa simples. No houver efeito persistente no servidor. Os dados dos input Fields forem menores que 1k

HTML
Hypertext Markup Language

Professor: Renato Miranda Setbal

HTML
Antes de surgir o HTML, o ciberespao j possua os seus navegantes, porm, os servios oferecidos eram insuficientes. Troca de mensagem e transferncia de arquivos eram os principais servios. Quando o HTML foi inventado por Tim Berners Lee, ele pensou apenas em facilitar os detalhes que envolvem a publicao de documentos na web.

HTML
A linguagem HTML foi criada para simplificar a elaborao de textos mescaldos com figuras, sons, animaes e ligaes (link) entre diversos textos. Esses textos que mesclam recursos multimdia e links so chamados de hipertextos (hyperlinks).

HTML
HTML uma linguagem especializada, dedicada construo e exibio de pginas Web. Consiste exclusivamente de linhas de programas em forma de texto comum e de cdigos especiais (comandos) conhecidos como TAGs. Da mesma forma que outra linguagem, em HTML o programador tambm precisa escrever o cdigo fonte seguindo uma sintaxe especfica.

HTML
Mais tarde este cdigo interpretado linha a linha pelo navegador (browser) que executar o contedo da pgina. Quando um navegador exibe uma determinada pgina de internet, ele l internamente o comandos (tags) daquela pgina e executa-os on-line, exibindo em segundos o resultado na janela do navegador.

HTML Nveis
Estrutura HTML em nveis:
1 nvel 2 nvel 3 Nvel

<html>

<head> <body>

<title> <style> <script>

HTML Nveis
Outros nveis: Os outros nveis de html esto todos dentro do corpo da pgina html (body). Esses nveis so tags para formatao da pgina.

HTML Comandos Bsicos

Estrutura de uma pgina HTML: <html></html> -> Tag inicial de uma pgina HTML. Todos os demais tags devero estar entre essas duas tags. Obs: Toda tag HTML deve ser aberta e fechada. Boa prtica para os desenvolvedores sempre abrir e fechar uma tag para no esquecer o fechamento de um bloco.

HTML Comandos Bsicos

<head></head> -> Tag de cabealho. Dentro desta tag podemos incluir folhas de estilo (CSS), scripts (em java script) e definir um ttulo para nossa pgina html atravs da tag <title> <title></title> -> Define um ttulo para a pgina HTML. Essa tag s pode ser usada dentro da tag <head>

HTML Comandos Bsicos

<style></style> -> Tag para uso de folhas de estilo. H duas maneiras de se utilizar a tag. A primeira usando na prpria pgina html, outra indicando um arquivo com as classes css. Esse arquivo possui extenso .css Exemplo: 1 - <style type=text/css ></style> 2 - <link rel="stylesheet" href="style.css" />

HTML Comandos Bsicos

<script></script> -> A tag script possuir cdigos da linguagem JavaScript que sero interpretados pelo browser. Como a tag style, h duas formas de se declarar os scripts. O primeiro voc cria dentro da prpria pgina(no recomendado). A segunda forma tambm apontando para um arquivo externo com extenso .js

HTML Comandos Bsicos

Exemplo: 1 - <script type="text/javascript"></script> 2 - <script type="text/javascript" src="js/jquery1.5.min.js"></script> A segunda opo esta usando o src para indicar o local do arquivo JavaScript

HTML Comandos Bsicos

<body></body> -> Todas as outras tags html estaro dentro do corpo da pgina. O corpo da pgina definido atravs da tag <body>

HTML Comandos Bsicos

Estrutura Bsica do HTML:
<html> <head> <title>Primeira Pgina HTML</title> </head> <body> Alou Mundo </body> </html>

HTML Comando H*
<H*> -> A tag <H*> indica ao html que dentro dessa tag haver um cabealho (Ttulo). Essa tag pode ir do nmero 1 ao nmero 5. Exemplo: <h1></h1> <h4></h4> <h2></h2> <h5></h5> <h3></h3> <h3></h3>

HTML Exerccio
1 - Crie uma pgina HTML com a estrutura bsica. Dentro do corpo da pgina digite as 5 formas diferentes de cabealhos (tag h)

HTML BR
<br /> -> A tag <br /> utilizada para saltar linha. Antigamente os desenvolvedores utilizavam apenas <BR> sem o /. No padro de hoje (w3c) a tag br possui o / pois toda tag deve ser fechada.

HTML Comando IMG

<img src> Essa tag serve para inserir imagens em uma pgina HTML. Nela voc pode definir o tamanho e colocar uma mensagem alternativa que poe ser vizualizada com o ponteiro do mouse em cima da foto. Se no for definido o tamanho da imagem, ela ser exibida no seu tamanho original.

HTML Comando IMG

Sintaxe:
<img src= endereo da imagem width= largura height= altura alt= mensagem />

O endereo da imagem deve ser escrito completo quando voc estiver inserindo imagem de outro site. Quando a imagem estiver dentro do prprio site e na mesma pasta da pgina html, bata informar o nome da imagem.

HTML Comando IMG

Caso esteja dentro de uma pasta, voc deve informar o nome da pasta e em seguida o nome da imagem. Exemplos: Imagem no mesmo diretrio HTML
<img src= mario.gif width= 100 height= 200 alt= Super Mrio Bros />

Imagem na Internet
<img src= http://www.xemplo.com.br/mario.gif width= 100 height= 200 alt= Super Mrio Bros />

HTML Comando IMG

Imagem dentro de uma pasta no diretrio do HTML
<img src= imagem/mario.gif width= 100 height= 200 alt= Super Mrio Bros />

HTML Comando HR
<hr/> Este comando faz aparecer na pgina HTML uma linha horizontal. Seus atributos so: Size Define a espessura da linha Width Define o comprimento da linha Color Define a cor da linha A formatao da tag <hr/> geralmente feita em CSS, no mais utilizando seus atributos html.

HTML Comando HR
Exemplo: <hr width= 600 size= 4 color= red /> O comando pode tambm ser utilizado sem atributos ou formatao CSS.

HTML Comando DIV

<DIV> Este comando usado para receber blocos de textos ou tags html. Serve como um container. Toda a sua formatao, de acordo com a w3c, deve ser feita atravs de CSS. Exemplo: <div><hr>Este hr esta dentro de um div</hr></div>

HTML Comando Span

<SPAN> A tag <span> um elemento incorporada que utilizado para compor texto utilizando uma folha de estilo. normalmente utilizado para alterar o estilo de um elemento ou texto dentro de uma frase ou bloco como, por exemplo, <p>, <div>, ou <table>. Exemplo: <hr><span>Este</span></hr>

HTML Comando Span

<SPAN> A tag <span> um elemento incorporada que utilizado para compor texto utilizando uma folha de estilo. normalmente utilizado para alterar o estilo de um elemento ou texto dentro de uma frase ou bloco como, por exemplo, <p>, <div>, ou <table>. Exemplo: <hr><span>Este</span></hr>

HTML Comando P
<p> A tag <p> define um pargrafo no html. Quando declarado, automaticamente salta uma linha. A formatao desta tag deve ser feita toda em CSS conforme padro w3c. Exemplo: <p>Aqui o texto a ser inserido</p>

HTML Comando A HREF

<a href> Este comando o responsvel por criar links em nossas pginas html. Sua sintaxe bsica : <a href= nome da pagina >texto do link</a> Exemplos: <a href= index.html >Clique aqui</a> <a href= http://www.terra.com.br >Acesse o Terra</a>

HTML Comando TABLE

<TABLE> Este comando o responsvel por inserir uma tabela em uma pgina html. Este no uma tag que funciona sozinha, para criar uma tabela necessrio usar as tags de linha <TR> e de coluna <TD>.

HTML Comando TABLE

Exemplo de criao de uma tabela com uma linha e duas colunas: <table> <tr> <td>Primeira coluna</td> <td>Segunda coluna</td> <tr> </table

HTML Comando TABLE

Repare que as colunas obrigatoriamente ficam dentro de uma linha. Ao contrrio no funcionariam. A formatao de uma tabela feita atravs do CSS, assim como todo cdigo html. A tabela deve ser utilizada para exibir dados e no para layout como se fazia antigamente.

HTML Comando TABLE

Para retirar o espaamento de uma clula para outra, voc deve usar o parmetro cellspacing da tag table.

Listas

Professor: Renato Miranda Setbal

HTML Listas
Existem trs tipos de listas: Ordenada (ordered) tag <OL> No ordenadas (unordered) tag <UL> De definio (definition) tag <DL>

Listas Unordered List UL

<UL> - Unordered List Lista no ordenada. Esta lista ser formada por caracteres denominados bullets (smbolos grficos). Por padro, o bullet representado por crculos pretos. A tag <ul> d incio a lista. Todos os itens internos so representados pela tag <li>.

Listas - Unordered List UL

Exemplo prtico: <ul> <li>Ferrari</li> <li>Masserati</li> <li>Lamborghini</li> <li>Porsche</li> </ul>

Lista Exerccio
1 - Crie 5 pginas HTML. Cada pgina deve conter uma lista com no mnimo dez itens no ordenados. Utilize a criatividade para gerar as pginas sem repertir as listas.

Listas - ordered List OL

<OL> - ordered List Lista ordenada. Esta lista ser formada por nmeros. A lista formada pela tag <OL> e seus itens so representados por tags <LI>.

Listas - ordered List OL

Exemplo: <ol> <li>Kawasaki</li> <li>Suzuki</li> <li>Cagiva</li> </ol>

Listas Definition List <DL><DT><DD>

<DL><DT><DD> - Definition List Lista de definio. Esta lista no igual as outras duas aqui apresentadas. Ela no uma lista de itens, mas uma lista de termos e explanao desses termos onde: <DL> - Define a lista <DT> - Uma entrada na lista

Listas Definition List <DL><DT><DD>

<DD> - Define o termo Exemplo: <dl> <dt>Cardpio Segunda Feira</dt> <dd>Feijo</dd> <dt>Cardpio Tera Feira</dt> </dl>

Formulrios WEB

Professor: Renato Miranda Setbal

Formulrios WEB
Assim como nas linguagens desktop, o html possui tags que possibilitam o usurio interagir com as pginas html atravs de labels, inputs, etc. atravs do formulrio que o usurio poder enviar informaes para o site e tais informaes podero ser armazenadas em bancos de dados.

Formulrios WEB
Tags dos formulrios: <form> - Essa tag define o incio de um formulrio dentro da pgina HTML. Os elmentos de interao esto localizados dentro desta tag. A tag form sem elementos no serve para nada. Parmetros da tag <form>: Method Especifica qual mtodo ser utilizado para o envio dos dados. GET ou POST

Formulrios WEB
Action Define uma ao a ser realizada com o formulrio. Existem duas possibilidades:
O formulrio enviado a um endereo eletrnico. O formulrio enviado a um programa ou script que processa o seu contedo.

Name Define o nome do formulrio para posteriormente ser usado com JavaScript.

Formulrios WEB
Enctype Indica a forma na qual viajar a informao que for mandada pelo formulrio. No caso mais comum, enviar um formulrio para um correio eletrnico, o valor deste atributo deve ser text/plain . Esse atributo define que o contedo ser enviado como um texto plano dentro do e-mail.

Formulrios WEB
Exemplos:
<form action="mailto:endereo@correio.com" ></form> <form method= post action= cadastrar.php ></form> <form name= form1 method= get action= pesquisar > </form> <form action="mailto:endereo@correio.com (ou o nome do arquivo de processo)" method="post" enctype="text/plain">

Formulrios WEB
A tag <form> a tag principal de um formulrio. No desenvolvimento WEB clssico, todos os elementos de inputs ,labels, selects, etc. precisam estar dentro desta tag. Hoje com a tecnologia AJAX a tag form j no mais necessria. Capturamos os dados, definimos o mtodo e chamamos o script utilizando JavaScript.

Formulrios WEB Tags <input>

A tag <input> - A tag input possui uma coleo de atributos e tipos diferentes. O atributo type define qual o tipo do elemento que ser exibido na pgina. Na programao web atual, devemos definir o atributo id que identificar o elemento. Se voc utiliza o mtodo antigo (sem ajax), voc deve tambm definir o atributo name (nome do campo) Lembre-se que o id e o name so nicos.

Formulrios WEB Tags <input>

Campos de Texto O campo de texto utilizado quando voc deseja que o usurio digite letras, nmeros etc. Exemplo: <input type= text name= nome id= nome /> Esse cdigo ir criar uma caixa de texto no html onde o usurio poder digitar qualquer valor.

Formulrios WEB Tags <input>

Botes radiais So usados quando voc quer que um usurio selecione uma entre uma quantidade limitada de escolha. Exemplo:
<input type="radio" id= sex name="sex" value="male /> Masculino <input type="radio" id= sex name="sex" value="female /> Feminino

Nesse exemplo eu necessito usar ids e nomes iguais. Se forem diferentes, no possvel capturar a escolha do usurio.

Formulrios WEB Tags <input>

Os botes radiais possuem outros parmetros conforme a seguir:
checked marca ou comprova se est marcado um checkbox ou um radio. uma propriedade booleana (que s admite verdadeiro ou falso) na qual seu valor ser "true" (verdadeiro) se o objeto estiver marcado e "false" (falso) no caso em que no esteja. a quantidade de radio buttons que existe em um grupo determinado com o mesmo name. array que contm todos os radio buttons que existe em um grupo com o mesmo nome. Para um grupo de 5 radio buttons com mesmo nome e diferente valor cada um, para nos referirmos ao quarto deles se deve usar a sintaxe: formulario.nome_radio[3]

length

index

Formulrios WEB Tags <input>

Caixas de seleo As Caixas de Seleo so usadas quando voc quer que o usurio selecione uma ou mais opes de uma quantidade limitada de escolhas. Exemplo:
<input type="checkbox" id= eletro name= eletro value= tv /> TV <input type="checkbox" id= eletro name= eletro value= dvd /> DVD

Formulrios WEB Tags <input>

A caixa de seleo ainda possui outros parmetros conforme a seguir:
length a quantidade de radio buttons que existe em um grupo determinado com o mesmo name. array que contm todos os radio buttons que existe em um grupo com o mesmo nome. Para um grupo de 5 radio buttons com mesmo nome e diferente valor cada um, para nos referirmos ao quarto deles se deve usar a sintaxe: formulario.nome_checkbox[3]

index

Formulrios WEB Tags <input>

Campos de Senha Esses campos tem por caracterstica mostrar caracteres que no podem ser lidos pelo usurio. Isso ocorre pois o campo utilizado para digitar uma senha.
Exemplo: <input type= password id= senha name= senha />

Formulrios WEB Tags <input>

Campo oculto O campo hidden utilizado para pasar informaes sem a necessidade de que o usurio saiba. Podemos citar como exemplo, um valor que identifique qual funo o programa deve executar (cadastrar, alterar, deletar, listar)
Exemplo: <input type= hidden id= acao value= cadastrar />

Formulrios WEB Tags <input>

Botoes Os botes so utilizados em um formulrio para executar algumas aes. Existem trs tipos de botes: Submit, Button e reset.
<input type= submit value= cadastrar /> <input type= button value= Chamar Funo /> <input type= reset value= Limpar />

Formulrios WEB TextArea

rea de Texto um elemento que apresenta um lugar para se digitar texto (diferente do input text). A particularidade deste campo poder escrever vrias linhas de texto.
Exemplo: <textarea></textarea>

Formulrios WEB TextArea

Atributos do TextArea: Name: Permite que o campo seja acessado atravs do Java Script (sem precisar usar o id). ID: Identifica o elemento para manipulao em Java
Script.

Cols: Define a quantidade de colunas. Rows: define a quantidade de linhas. Value: Define o contedo padro no campo text area.

Formulrios WEB Select

Campo de Seleo: O campo de seleo permite que o usurio escolha uma opo dentro de uma lista. Utiliza-se a tag select junto com as suas opes definidas pela tag option.
Exemplo: <select> <option>Primeira opo</option> </select>

Formulrios WEB Select

Atributos: Name: D nome ao objeto para ser acessado por
java script.

Id: Identifica o elemento com um nome nico,

tambm utilizado para uso com java script.

Selected: define quais das opes ser a default.

usado dentro da tag options.

Frames

Professor: Renato Miranda Setbal

Frames
O objetivo dos frames mostrar mais de uma pgina HTML na mesma janela do browser. Cada frame declarado possui uma pgina HTML diferente. O uso do frame deve levar em conta o bom senso. Vamos estudar vantagens e desvantagens de se utilizar os frames:

Frames
Vantagens: Navegao de pginas mais rpida. O primeiro carregamento igual enquanto os demais sero mais rpidos por as pginas j estarem em cache. Processo de desenvolvimento das pginas se torna mais rpido por reaproveitar partes da pgina (por exemplo menu).

Frames
Desvantagens: Fora o usurio a utilizar sempre a pgina que contm os frames. Se ele entrar no caminho direto de um HTML que seja parte de um frame, ele no ver o resto do contedo da pgina. Adicionar a pgina aos favoritos pode ser um problema (h mais de uma pgina para ser salva)

Frames
Desvantagens: Pode interferir negativamente no uso do java script

Frames
Tag <frameset> A tag frameset serve para dividir a janela em frames. Cada Frameset define um conjunto de linhas ou colunas. Para utilizar o frameset de forma correta, devemos usar os atributos cols (coluna) e rows (linhas).

Frames
Exemplo:
<frameset cols= 25%,25%,* <frame src= pagina1.html <frame src= pagina2.html <frame src= pagina3.html </frameset> > /> /> />

A coluna de um frameset (cols) pode ser definido por porcentagem ou por pixels. O * neste caso significa que o terceiro ter 50%

Frames
Em uma pgina principal de frames ns no temos a tag body. Exemplo:
<html> <frameset rows= 25%,25%,* > <frame src= pagina1.html /> <frame src= pagina2.html /> <frame src= pagina3.html /> </frameset> </html>

Frames
Atributos: Framespacing: Define a distncia de um frame do outro. FrameBorder: Se voc colocar o valor 0, as bor das desaparecem ( o aconselhvel). Noresize: Parmetro que define que o frame no pode ser redimensionado. (noresize= noresize ).

Frames
Atributos: Scrolling: Permite que o frame possua rolamento. No usar esse atributo quanto usar o atributo noresize (no funcionar).

Frames
Tag noframes: usado para navegadores que no possuam suporte a frames. Dentro dessa tag voc pode construiur o body do seu html. Observao: Dificilmente hoje voc ter browsers que no suportam frames.

IFRAMES

Professor: Renato Miranda Setbal

IFrames
IFRAME: Essa tag ir criar dentro do seu html um frame. No necessrio utilizar a tag frameset. Exemplo: <iframe src= www.terra.com.br ></iframe> Esta soluo mais interessante do que o uso dos frames tradicionais.

IFrames
Atributos: Src Define o endereo da pgina que ir aparecer dentro do seu html. Frameborder Define a borda do frame.

Eventos HTML

Professor: Renato Miranda Setbal

Eventos HTML
Todas as tags html podem acionar comandos Java Script. Para isso, h uma srie de eventos conforme seguir: onblur Ocorre toda vez que um objeto perde o foco, seja atravs da seleo de um outro objeto na pgina com o mouse, ou pressionando a tecla tab.

Eventos HTML
onchange Ocorre toda vez que um elemento perde o foco e seu contedo tiver sido modificado. onclick Ocorre toda vez que um elemento seja clicado pelo mouse. ondbclick Ocorre toda vez que um elemento recebe um clique duplo com o mouse.

Eventos HTML
onfocus Ocorre toda vez que um elemento recebe o foco. onkeydown Ocorre toda vez que uma tecla pressionada sobre um elemento na pgina. onkeypress Ocorre toda vez que uma tecla pressionada e liberada sobre um elemento na pgina.

Eventos HTML
onkeyup Ocorre toda vez que uma tecla liberada sobre um objeto na pgina. onload Ocorre toda vez que uma pgina carregada. Serve para o body e o frameset. onmousedown Ocorre toda vez que o boto de seleo do mouse for pressionado sobre um elemento na pgina.

Eventos HTML
onmousemove Ocorre toda vez que o cursor do mouse for movido sobre um objeto na pgina. onmouseout Ocorre toda vez que o cursor do mouse sair de cima de um objeto na onmouseover Ocorre toda vez que o cursor do mouse estiver em cima de um objeto na pgina.

Eventos HTML
onmouseup Ocorre toda vez que o boto de seleo do mouse for liberado sobre um objeto na pgina. onreset Ocorre toda vez que o contedo de um formulrio for resetado. Este evento se aplica apeans tag form. onselect - Ocorre toda vez que o usurio selecionar um contedo na pgina.

Eventos HTML
onsubmit Ocorre toda vez que um formulrio for submetido. Este evento se aplica somente tag form. onunload Ocorre toda vez que o navegador remove a pgina ou um frame. Por exemplo, toda vez que o navegador fechado ou uma nova pgina aberta, este evento ocorre. Este evento pode esr usado apenas com as tags body e frameset.