Apostila HTML

Reviso para prova de Modelagem de Sistemas
Autor:
Carlos Antonio Lopes Piubello
Referncia rpida de HTML e ASP
Tag/Comando
<html> e </html>
<head> e </head>
Descrio
Usada para indicar o nicio e trmino da pgina HTML
Define o nicio e trmino da rea de cabealho da pgina
HTML. Deve ser usada aps a tag <html> e antes da tag
<body>.
<title> e </title>
Define o ttulo da pgina mostrado na barra de ttulo do

browser. Deve ser usada entre as tags <head> e </head>
<body> e </body>
Define
o
nicio
e
trmino
do
corpo
da
pgina
HTMLmostrado na barra de ttulo do browser. Deve ser
usada aps a tag <title> e antes da tag </html>
Define o nicio e trmino de um paragrafo.
Todo contedo dentro destas tags sero exibidos em
negrito
Todo contedo dentro destas tags sero exibidos em
itlico.
Insere uma quebra de linha.
<p> e </p>
<b> e </b>
<i> e </i>
<br>
Define um
endereo.
<a href> e </a>
hyperlink,
ou
seja
um
"atalho"
para
outro
Sintaxe:
<a href="destino do hyperlink"> texto hyperlink </a>
Exemplo:
<a href="http://www.uol.com.br"> Site de UOL </a>
<form> e </form>
Define o nicio e trmino de um formulrio dentro de uma

pgina HTML. Deve ser usada entre <body> e </body>.
Sintaxe:
<form name ="" method ="" action ="">
onde, name o nome do formulrio, method o mtodo de
envio dos dados para o servidor que pode ser GET (Os
dados enviados sero visveis na linha do endereo do
browser) ou POST (Os dados sero enviados ao servidor de
maneira invisvel ao usurio. Proporciona uma maior
segurana dos dados) e action o endereo de destino
dos dados, ou seja, para onde sero transportados os
dados digitados pelo usurio, normalmente o endereo
para uma pgina dinmica.
<table> e </table>
Marca o nicio e trmino de uma tabela.

As tabelas so usadas para organizar a apresentao de
dados na pgina HTML.
<tr> e </tr>
Marcam o nicio e trmino de uma linha. Deve ser usada

entre <table> e </table> e repetida para cada linha que
se quer na tabela.
<td> e </td>
Marcam o nicio e trmino de uma coluna. Deve ser usada

entre <tr> e </tr> e repetida para cada coluna que se
quer em uma mesma linha. A quantidade de colunas deve
ser a mesma em todas as linhas.
Marcam o nicio e trmino de uma rea de texto. Permite

a entrada de textos com mais de uma linha, como por
exemplo um campo de comentrios.
<textarea> e </textarea>
Sintaxe:
<textarea name ="" rows ="" cols =""> onde:
name o nome do campo, e ele que permitir a leitura
do valor digitado dentro da pgina dinmica.
Exemplo:
<p>
Comentrios:<br>
<textarea name="comentarioaluno" rows="20" cols="50">
</textarea>
</p>
<input type="text">
Insere uma caixa de texto na pgina HTML.

Sintaxe:
<input type="text" size ="" lenght ="" name ="" value ="">
onde:
size o tamanho com o qual o campo texto ser
apresentado no pgina.
lenght o tamanho em caracteres que pode campo texto
ir aceitar.
name o nome do campo, e ele que permitir a leitura
do valor digitado dentro da pgina dinmica.
value no necessrio ser informado, mas caso seja
informado, seu valor ser apresentado como texto padro
da caixa de texto dentro da pgina.
Exemplo:
<p>
Nome: <input type="text" name="nomealuno" size="50"
lenght="40"><br>
</p>
Insere uma caixa de seleo, tipo botes de rdio na

pgina
HTML.
Smente
uma
das
opes
pode
ser
selecionada. Deve ser colocado uma instruo para cada
opo e todas elas devem ter o mesmo name .
<input type="radio">
Sintaxe:
<input type="text" name ="" value =""> onde:
name o nome do campo e deve ser o mesmo em todas as
opes relacionadas. ele que permitir a leitura do
valor digitado dentro da pgina dinmica. conter o
valor indicado em value da opo selecionada.
Exemplo:
<p>
Sexo:<br>
<input
type="radio"
Masculino<br>
<input
type="radio"
Feminino<br>
</p>
name="sexoaluno"
value="M">
name="sexoaluno"
value="F">
Insere uma caixa de seleo, tipo caixa de seleo na

pgina HTML. Pode-se selecionar mais que uma das opes.
Deve ser colocado uma instruo para cada opo.
<input type="checkbox">
Sintaxe:
<input type="checkbox" name ="" value =""> onde:
name o nome do campo. ele que permitir a leitura do
valor dentro da pgina dinmica. Caso a caixa esteja
selecionada, conter o valor indicado em value .
Exemplo:
<p>
Interesses:<br>
<input
type="checkbox"
value="1"> Matemtica<br>
<input
type="checkbox"
value="1"> Literatura<br>
<input
type="checkbox"
value="1"> Gramtica<br>
</p>
name="interessealuno1"
Deve ser usado entre as tags <form> e </form>.

Insere um boto na pgina com a funo de limpar todos
os campos do formulrio, voltando seus valores para o
padro (valores na abertura da pgina).
<input type="reset">
Sintaxe:
<input type="reset" value =""> onde:
value o texto que ser exibido no boto
Exemplo:
<p>
<input type="reset" value="Limpar">
</p>
Deve ser usado entre as tags <form> e </form>.

Insere um boto na pgina com a funo de enviar todos
os dados digitados pelo usurio, para a pgina dinmica
de destino indicada por action da tag <form>.
<input type="submit">
Sintaxe:
<input type="submit" value =""> onde:
value o texto que ser exibido no boto
Exemplo:
<p>
<input type="submit" value="Gravar dados">
</p>
Pginas dinmicas
<% e %>
Variveis
Informam para o servidor IIS (servidor) onde inicia e

termina o cdigo ASP
So reas reservadas na memria do servidor para

armazenar dados durante a execuo de cdigo ASP. Podem
ser
acessadas
atravs
de
um
nome
definido
pelo
programador da pgina.
Em ASP, que usa cdigo escrito em VB, no necessrio
fazer a declarao da varivel antes de sua utilizao.
Exemplo:
Idade = 10
sNome = "Isabelle"
Usado para ler os valores digitados e enviados
servidor atravs dos formulrios de method="POST" .
request.form
Sintaxe:
request.form("nome")
Exemplo:
vNomeAluno=request.form("nomealuno")
ao
Usado para ler os valores digitados e enviados

servidor atravs dos formulrios de method="GET" .
request.querystring
ao
Sintaxe:
request.querystring("nome")
Exemplo:
vEmailAluno=request.querystring("emailaluno")
Usado para enviar qualquer contedo diretamente para a
pgina HTML.
response.write
Sintaxe:
response.write contedo
Exemplo:
response.write "Nome do aluno: "
response.write "<b>" && vNomeAluno && "</b>"
ASP e Bancos de Dados

ADO
Connection
Command
Dataset
Recorset
Fieldset
ActiveX Data Objects: "conjunto" de objetos que permitem

o acesso de aplicaes base de dados. Objetos bsicos
de acesso: Connection, Command, Dataset, Recordset e
Fieldset.
Permite a conexo entre a aplicao e o banco de dados.
Executa uma instruo SQL no banco de dados.
Representa um conjunto de registro de uma tabela.
Representa um nico registro da tabela contida no
Dataset.
Permite o acesso ao contedo dos campos do registro
contido no Recordset.
Exemplo:
<html>
<head><title>::: transferncia de dados web :::</title></head>
<body>
<b>pesquisa exibe dados do livro.</b><br>
<%
dim conexaolivraria
dim acessatabelalivro
const cntcaminho="c:\inetpub\wwwroot\anhanguera\livrariavirtual.mdb"
set conexaolivraria =server.createobject("adodb.connection")
set acessatabelalivro =server.createobject("adodb.recordset")
conexaolivraria.open "driver={microsoft access driver (*.mdb)};dbq=" & cntcaminho
acessatabelalivro.open "select titulo, autor from livro ", conexaolivraria
do while not acessatabelalivro.eof
response.write "<b>ttulo do livro: </b>" & acessatabelalivro.fields("titulo") & "<br>"
response.write "<b>autor do livro: </b>" & acessatabelalivro.fields("autor") & "<br>"
acessatabelalivro.movenext
loop
acessatabelalivro.close
conexaolivraria.close
%></body></html>

Apostila HTML

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Apostila HTML

Enviado por

Direitos autorais:

Formatos disponíveis

Reviso para prova de Modelagem de Sistemas

Define o ttulo da pgina mostrado na barra de ttulo do

Define o nicio e trmino de um formulrio dentro de uma

Marca o nicio e trmino de uma tabela.

Marcam o nicio e trmino de uma linha. Deve ser usada

Marcam o nicio e trmino de uma coluna. Deve ser usada

Marcam o nicio e trmino de uma rea de texto. Permite

Insere uma caixa de texto na pgina HTML.

Insere uma caixa de seleo, tipo botes de rdio na

Insere uma caixa de seleo, tipo caixa de seleo na

Deve ser usado entre as tags <form> e </form>.

Deve ser usado entre as tags <form> e </form>.

Informam para o servidor IIS (servidor) onde inicia e

So reas reservadas na memria do servidor para

Usado para ler os valores digitados e enviados

ASP e Bancos de Dados

ActiveX Data Objects: "conjunto" de objetos que permitem

Você também pode gostar