<html>
<SCRIPT LANGUAGE=”JavaScript”>
function janelanimada(endereco)
{
var velocidadev = 5;
var topo = 0;
var esquerda = 0;
var velocidadeh = 8;
if (document.all)
{
var tamlar = window.screen.availHeight;
var tamjan = window.screen.availWidth;
var tamanho = window.open(“”,””,”left=” + esquerda + “,top=” + topo + “,width=1,height=1,scrollbars=yes”);
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev)
{
tamanho.resizeTo(“1”,sizeheight );
}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh)
{
tamanho.resizeTo(sizewidth+6,sizeheight );
}
tamanho.location = endereco;
}
else
window.location = endereco;
}
</script>
<p align=center class=bodyfonts><a href=”http:// www. digerati.com.br” onClick=”janelanimada(‘http:// www.digerati.com.br’);return false;”>Clique aqui para ver a janela animada</a>
</html>
segunda-feira, 28 de novembro de 2011
Como Inserir Imagens e cor de fundo no HTML
<html>
<head>
<title>Imagens</title>
</head>
<body bgcolor= #800FFF" text="#8000FF">
<p>Inserindo Imagens</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<img src="rosa azul.jpg" width="800" height= "800" alt = "rosa azuis do amor"/>
</body>
</html>
<head>
<title>Imagens</title>
</head>
<body bgcolor= #800FFF" text="#8000FF">
<p>Inserindo Imagens</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<img src="rosa azul.jpg" width="800" height= "800" alt = "rosa azuis do amor"/>
</body>
</html>
Como fazer formulários no HTML
<html>
<head>
<title>Formulários</title>
</head>
<body>
<h3>Formulário</h3>
<form name= "frmCadastro" method = "get" action = "sucesso.html">
<p>Nome:<input type = "text" name = "txtnome" size = "80" maxlenth = "10"/> </p>
<p>Senha:<input type = "password" name = "txtSenha" size = "20"/></p>
<p>Sexo:<input type = "radio" name = "sexo"/>Masculino
<input type = "radio" name = "sexo" checked/>Feminino</p>
<p>Preferencia:
<input type = "checkbox" name = "chkMusica"/>Música
<input type = "checkbox" name = "chkCinema"/>Cinema
<input type = "checkbox" name = "chkLeitura" checked/>Leitura</p>
<p>Estado:
<select name = "cmbEstado">
<option value = "1">São Paulo</option>
<option value = "2">Minas Gerais</option>
<option value = "3">Rio de Janeiro</option>
<option value = "4">Amazonas</option>
</select>
<p>Observação:<br>
<textarea name = "txtObs" rows = "10" cols= "50"></textarea></p>
<p><input type = "button" name = "btnBotão" value = "clique aqui"/></p>
<p><input type = "reset" name = "btnLimpar" value = "Limpar"/></p>
<p><input type = "submit" name = "btnEnviar" value = "Enviar"/></p>
</form>
</body>
</html>
<head>
<title>Formulários</title>
</head>
<body>
<h3>Formulário</h3>
<form name= "frmCadastro" method = "get" action = "sucesso.html">
<p>Nome:<input type = "text" name = "txtnome" size = "80" maxlenth = "10"/> </p>
<p>Senha:<input type = "password" name = "txtSenha" size = "20"/></p>
<p>Sexo:<input type = "radio" name = "sexo"/>Masculino
<input type = "radio" name = "sexo" checked/>Feminino</p>
<p>Preferencia:
<input type = "checkbox" name = "chkMusica"/>Música
<input type = "checkbox" name = "chkCinema"/>Cinema
<input type = "checkbox" name = "chkLeitura" checked/>Leitura</p>
<p>Estado:
<select name = "cmbEstado">
<option value = "1">São Paulo</option>
<option value = "2">Minas Gerais</option>
<option value = "3">Rio de Janeiro</option>
<option value = "4">Amazonas</option>
</select>
<p>Observação:<br>
<textarea name = "txtObs" rows = "10" cols= "50"></textarea></p>
<p><input type = "button" name = "btnBotão" value = "clique aqui"/></p>
<p><input type = "reset" name = "btnLimpar" value = "Limpar"/></p>
<p><input type = "submit" name = "btnEnviar" value = "Enviar"/></p>
</form>
</body>
</html>
Como calcular notas com Javascript
<html>
<head>
<title>Exemplo Javascript</title>
<script language="javascript">
function calcular()
{
var nota1, nota2, nota3, nota4, media;
nota1 = frmMedia.txtNota1.value;
nota2 = frmMedia.txtNota2.value;
nota3 = frmMedia.txtNota3.value;
nota4 = frmMedia.txtNota4.value;
nota1 = parseFloat(nota1);
nota2 = parseFloat(nota2);
nota3 = parseFloat(nota3);
nota4 = parseFloat(nota4);
media = (nota1 + nota2 + nota3 + nota4)/4;
frmMedia.txtMedia.value = media;
}
</script>
</head>
<body>
<p>Utilizando Javascript<p>
<p>Formularios e Eventos<p>
<form name ="frmMedia">
Nota1 <input type ="text" name="txtNota1"/><br>
Nota2 <input type ="text" name="txtNota2"/><br>
Nota3 <input type ="text" name="txtNota3"/><br>
Nota4 <input type ="text" name="txtNota4"/><br>
<br><input type="button" value="Calcular" onclick="javascript:calcular();"/><br>
<br>Media <input type ="text" name="txtMedia"/><br>
</form>
</body>
</html>
<head>
<title>Exemplo Javascript</title>
<script language="javascript">
function calcular()
{
var nota1, nota2, nota3, nota4, media;
nota1 = frmMedia.txtNota1.value;
nota2 = frmMedia.txtNota2.value;
nota3 = frmMedia.txtNota3.value;
nota4 = frmMedia.txtNota4.value;
nota1 = parseFloat(nota1);
nota2 = parseFloat(nota2);
nota3 = parseFloat(nota3);
nota4 = parseFloat(nota4);
media = (nota1 + nota2 + nota3 + nota4)/4;
frmMedia.txtMedia.value = media;
}
</script>
</head>
<body>
<p>Utilizando Javascript<p>
<p>Formularios e Eventos<p>
<form name ="frmMedia">
Nota1 <input type ="text" name="txtNota1"/><br>
Nota2 <input type ="text" name="txtNota2"/><br>
Nota3 <input type ="text" name="txtNota3"/><br>
Nota4 <input type ="text" name="txtNota4"/><br>
<br><input type="button" value="Calcular" onclick="javascript:calcular();"/><br>
<br>Media <input type ="text" name="txtMedia"/><br>
</form>
</body>
</html>
sexta-feira, 25 de novembro de 2011
Dica: utilizando Comandos de formatação Física
<HTML>
<HEAD>
<TITLE>FORMATAÇÃO FÍSICA</TITLE>
</HEAD>
<BODY>
<B> TEXTO EM NEGRITO </B><BR>
<BIG> TEXTO EM FONTE MAIOR </BIG><BR>
<BLINK> EXIBE TEXTO PISCANDO </BLINK> <BR>
<I>TEXTO EM ÍTALICO </I><BR>
<U>EXIBE O TEXTO SUBLINHADO </U><BR>
<SMALL>TEXTO EM FONTE MENOR </SMALL><BR>
<STRIKE>TEXTO RISCADO </STRIKE><BR>
<SUB>TEXTO EM SUBSCRITO </SUB><BR>
<SUP>TEXTO SOBRESCRITO </SUP><BR>
<TT>EXIBE O TEXTO USANDO FONTE EM TAMANHO FIXO</TT>
</BODY>
</HTML>
Essa formatação pode ser usada para que um texto apareça em negrito ou itálico, por
exemplo. E por ser formatação física permite que em um mesmo trecho de texto possa
ser aplicado em mais de um formato ao mesmo tempo. Os comandos de formatação
lógica apenas sugerem algum tipo de ênfase a ser dada no texto.
Veja a aparência de cada formatação:
<HEAD>
<TITLE>FORMATAÇÃO FÍSICA</TITLE>
</HEAD>
<BODY>
<B> TEXTO EM NEGRITO </B><BR>
<BIG> TEXTO EM FONTE MAIOR </BIG><BR>
<BLINK> EXIBE TEXTO PISCANDO </BLINK> <BR>
<I>TEXTO EM ÍTALICO </I><BR>
<U>EXIBE O TEXTO SUBLINHADO </U><BR>
<SMALL>TEXTO EM FONTE MENOR </SMALL><BR>
<STRIKE>TEXTO RISCADO </STRIKE><BR>
<SUB>TEXTO EM SUBSCRITO </SUB><BR>
<SUP>TEXTO SOBRESCRITO </SUP><BR>
<TT>EXIBE O TEXTO USANDO FONTE EM TAMANHO FIXO</TT>
</BODY>
</HTML>
Essa formatação pode ser usada para que um texto apareça em negrito ou itálico, por
exemplo. E por ser formatação física permite que em um mesmo trecho de texto possa
ser aplicado em mais de um formato ao mesmo tempo. Os comandos de formatação
lógica apenas sugerem algum tipo de ênfase a ser dada no texto.
Veja a aparência de cada formatação:
O que é HTML?
HTML (HyperText Markup Language - Linguagem de Marcação de Hipertexto) é a uma
linguagem considerada a base de todas as outras linguagens de desenvolvimento de
projetos para WEB.
Com ela você pode compartilhar fotos, vídeos, músicas, textos e fazer muitas coisas.
A linguagem HTML foi criada com a visão de que todos os dispositivos deveriam ser
capazes de usar informações da Web: PCs com placas de vídeos e monitores de
diferentes resoluções e profundidades de cores; telefones celulares; dispositivos para
processar entrada e saída de voz; computadores com taxa de transferência alta ou
baixa e assim por diante.
Segue abaixo um link para auxiliar na criação de sua primeira pagina em HTML.
http://www.youtube.com/watch?v=qfay3ZHyUmU&feature=related
linguagem considerada a base de todas as outras linguagens de desenvolvimento de
projetos para WEB.
Com ela você pode compartilhar fotos, vídeos, músicas, textos e fazer muitas coisas.
A linguagem HTML foi criada com a visão de que todos os dispositivos deveriam ser
capazes de usar informações da Web: PCs com placas de vídeos e monitores de
diferentes resoluções e profundidades de cores; telefones celulares; dispositivos para
processar entrada e saída de voz; computadores com taxa de transferência alta ou
baixa e assim por diante.
Segue abaixo um link para auxiliar na criação de sua primeira pagina em HTML.
http://www.youtube.com/watch?v=qfay3ZHyUmU&feature=related
Os primeiros passos para fazer uma página de HTML simples
<html>
<head>
<title>Título</title>
</head>
<body>
Assunto
</body>
</html>
<head>
<title>Título</title>
</head>
<body>
Assunto
</body>
</html>
Assinar:
Postagens (Atom)



