Linguagem HTML
A linguagem HTML é usada para criação de HOME PAGES. É uma de fácil aprendizado. Nesta Página colocarei alguns comandos desta linguagem. Todo comando da Linguagem HTML começa a ser escrito com o comando a expressão entre sinais de maior e menor sem barras < title> , seu fechamento é com a barra e sinal de maior e menor com barra < /title >, entre o ambas as parte vai o conteúdo. Exemplo:
Esta é a norma básica para escrita de um comando da Linguagem HTML.
Estrutura Básica da Linguagem HTML
A estrutura básica é a seguência lógica básica para criação de sau página, ou seja, é a ordem na digitação dos comandos, podendo ser alterada.
Exmplo:2
Explicação da Estrutura Básica
2ª Linha: Início da programação da página.
3º Linha: Início de Cabeçalhos.
4ª Linha: Criação de Títulos.
5ª Linha: Conteúdo.
6ª Linha: Final de cabeçalhos.
7ª Linha: Início de comandos para cores, fundos, etc...
8ª Linha: Conteúdo.
9ª Linha: Final de comandos para cores, fundos, etc...
10ª Linha: Final da programação HTML, Final da Página.
Comandos da Linguagem HTML
Iniciando a Programação HTML
< html > Este comando define o inicio da sua HOME PAGE e este < /html > determina o final da mesma.
< html > .... < /html >
Colocando Títulos na Página
< title >Teste< /title >
Este comando permite colocar um título na sua página que irá aparecer na barra de títulos do seu navegador.
Colocando cabeçalhos
< head >Teste< /head >
O comando citado coloca informações que não serão mostradas na página.
Formatando sua página
< body background="figura.gif" > .... < /body >
Coloca uma figura de fundo na sua Home Page.
< body bgcolor="BLUE" > .... < /body >
Coloca cor de fundo na home page, mas os outros comandos tem que estar entre o primeiro < body bgcolor="BLUE" > e o segundo < /body >.
Comandos de Fonte
< font face="Arial">... < /font > Este comando permite formatar a fonte para Arial, porém no lugar da palavra Arial, você pode colocar qualquer outra Fonte.
< font size=12 > Este comando format o tamanho da fonte< /font > determina o final da mesma.
< font color="BLUE" > .... < /font >Este altera a cor da Fonte, escrevendo em inglês, facilita para não decorar códigos
O que são Imagens?
Imagens são figuras que você coloca na página, como logotipos, figuras para completar explicações, para enfeitar a página etc...
Quais os Tipos?
< p>Os tipos são: Imagens Entrelaçadas, Imagens Mapeadas e Imagens Normais Uma imagem normal sua exibição é mais lenta na tela, uma imagem entrelaçada é visível mais rápido, uma imagens mapeada, você pode criar vários links(ligações), mapeando, ou seja, separando partes da figura utilizando as coordenadas do trecho da figura a ser utilizado como link.
Formatos
Os formatos são: JPEG e GIF. Uma figura JPEG e compactada e pode ser composta por mais de 16000000 (milhões) de cores, uma figura gif é também compactada mais só é composta por 256 cores, os gifs podem ser entrelaçados.
Comandos
< img src="figura.gif" width="largura" height="altura" > Esse comando permite inserir uma figura na tela, ajustando a largura e altura, ele inseri figuras normais, ou que foram criadas e entrelaçadas.
Criandos Frames
< frameset cols="40%,*" frameborder="Yes" border="0">
< frame name="esquerda" src="esquerda.html" scrolling="no" noresize>
< frame name="direita" src="direita.html" scrolling="default" noresize>
< /frameset>
Este comando divide a tela do navegador em duas partes, na esquerda ele motra o arquivo html com o nome de esquerda, na direita ele mostra com o nome de direita.html, impedindo o usuário de redimensionar os frames, tirando a barra de rolagem na esquerda e permitindo se necessário na direita.
< frameset rows="40%,*" frameborder="Yes" border="0">
< frame name="superior" src="superior.html" scrolling="no" noresize>
< frame name="inferior" src="inferior.html" scrolling="default" noresize>
< /frameset>
Este comando divide a tela do navegador em duas partes, no topo ele motra o arquivo html com o nome de superior, no inferior ele mostra com o nome de inferior.html, impedindo o usuário de redimensionar os frames, tirando a barra de rolagem no superior e permitindo se necessário na inferior.
< frameset rows="40%,*" frameborder="Yes" border="0">
< frame name="superior" src="superior.html" scrolling="no" noresize>
< frameset cols="40%,*" frameborder="Yes" border="0">
< frame name="esquerda" src="esquerda.html" scrolling="no" noresize>
< frame name="direita" src="direita.html" scrolling="default" noresize>
< /frameset>
Este comando permite dividir a tela em 4 partes, na vertical em frame superior em inferior e o inferior em duas partes esquerda e direita.
Criando formulários
< Form method="Post" action="http://LocalHost/alias/inclusao.asp">
< /form>
Permite criar um formulário para cadastro de dados utilizando o méthodo Post e ao se acionado abre o arquivo asp indicado acima.
< input type="text" name="nome"> cria uma caixa de de entrada de textos simples neste caso para entrarmos com nome.
Fuma: Sim < input type="radio" name="fuma" value="sim"> Não <input type="radio" name="fuma" value="nao">
Será digitado Fuma: Sim e Não ao lado será criado dois botões de radio para escolher.
icq < input type="checkbox" name="icq">
mirc < input type="checkbox" name="mirc">
msn <input type="checkbox" name="msn">
Será criado três caixas para usuários escolherem os ítens descritos.
< select name="produtos">
< option value="televisao">televisão</option>
< option value="radio">rádio</option>
< option value="telefone">telefone</option>
< /select>
Será criado um menu suspenso com 3 produtos para o internauta escolher.
< textarea name="sugestoes" cols="3" rows="4">
</textarea>
Permite criar uma caixa de texto com mais espaço que a padrao para sugestoes obsercações etc...
< input type="submit" name="enviar" value="enviar">
< input type="reset" name="enviar" value="corrigir">
Permite criar dois botões um com o conteudo enviar e outro corrigir, o enviar os dados do formulário para o servidor onde está a página asp cadastrar no banco de dados, o corrigir limpa o formulário para digitar novamente os dados sem enviar.
Todos esses comandos devem ser colocados entre os comandos < Form> e < /form>
ASP - Active Server Pages
< %
% >
Todo arquivo ASP, começa com essas tags.
request.form("nome")
request.form("fuma")
Esse comando permite pegar os dados que foram digitados no caso, nesses dois campos, se estiver utilizando o método Post.
vn-request.querystring("nome")
ve=request.querystring("fuma")
Esse comando permite pegar os dados que foram digitados no caso, nesses dois campos, se estiver utilizando o método Get, e adicionar nas variáveis citadas.
set Rec=Server.CreateObject("ADODB.Recordset")
Rec.ActiveConnection="dsn=cancer;" - Cria a conexão com o Banco de Dados através do ODBC,
Rec.Source="SELECT* FROM cancer" - Seleciona todos os arquivos da tabela cancer.
Rec.CursorType=3
Rec.LockType=3
Rec.Open - abre a tabela.
% >
< %
rec.AddNew - Adiciona um registro novo.
rec.fields("nome")=vn - Atualiza o campo nome da tabela citada.
rec.update - Atualiza o registro.
% >