Codigos html

CODIGOS HTML

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.

<STYLE type="text/css">



</STYLE>

</p>

<p><a href="l1.htm">El texto que quieras.</a><br>

<a href="l2.htm">otro texto.</a><br>

<a href="l3.htm">Otro texto.</a><br>

</p>

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner.

<p>

<script language="JavaScript"><!--

function escribe(frase){document.desplaza.cuadro.value=frase; }

// --></script>

</p>

<table border="0">

<tr>

<td width="200"><p align="center"><strong>Opciones.</strong></p>

<p><a href="http://www.pauluk.8k.com"

onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página

principal</a><br>

<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"

onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>

<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"

onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>

</p>

</td>

<td><form name="desplaza">

<p><textarea name="cuadro" rows="8" cols="30"

wrap="physical"></textarea></p>

</form>

</td>

</tr>

</table>

Otra barra con mas colores:

A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.

<style>



</style>

Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores

Crear un formulario:

Con este código podemos crear un formulario para que complete el visitante. Por ejemplo un libro de visitas, luego que el visitante apriete el botón enviar, los datos serán enviados a tu casilla de correo.

<H2>Libro de visitas</H2>

<FORM ACTION="mailto:[email protected]" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>

<TD><INPUT type="text" size=36 name="nombre"></TD>

<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>

<TD><INPUT type="text" size=36 name="direccion"></TD>

<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>

<TD><INPUT type="text" size=36 name="procedencia"></TD>

<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>

<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

Insertar un sonido o música de fondo:

Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando.

Se recomienda usar sonidos en formato "midi" que son los de menor peso.

<BGSOUND SRC="sonido.mid" LOOP=none>

<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

<html>

<head>

<title>www.pauluk.8k.com</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" text="#000000">

<p>

<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)

</script>

<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.pauluk.8k.com");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("www.pauluk.8k.com");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>

</body>

</html>

Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML:

<a href="ejemplo.exe">Descripción del enlace </a>

No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.

Codigos html

Education

Transcript of Codigos html