SlideShare una empresa de Scribd logo
1 de 7
CODIGOS HTML
Con este códigopodemoslograrese tanconocidoefectoque al pasarel mouse sobre unlink,
este se subraye.Podemoshacerque tengauncolorantesde visitarel link,yque tengaotro
una vezvisitado.
<STYLE type="text/css">
<!--
A:link{COLOR:red;TEXT-DECORATION:none}
A:visited{COLOR:gray;TEXT-DECORATION:none}
A:active {TEXT-DECORATION:none}
A:hover{COLOR:blue;TEXT-DECORATION:underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El textoque quieras.</a><br>
<a href="l2.htm">otrotexto.</a><br>
<a href="l3.htm">Otrotexto.</a><br>
</p>
Cuadroexplicativode losenlaces:
Sorprendé atus visitantesconeste asombrosotruco.Al pasarel mouse sobre el link,aparece
la explicaciónde ese linkenuncuadrocon la cantidadde palabrasque queramosponer.
<p>
<script language="JavaScript"><!--
functionescribe(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áginaprincipaln----------------nnCuandohagasClickeneste enlace
irás directamenteala páginade iniciode mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe('TrucosPCn-----------nnEste enlace te llevaráalapáginade Trucos
PC enla que podésencontrarmuchosmástrucos interesantespararealizare incluirentus
páginasweb');">TrucosPC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe('Glosarion-------------- nnDiccionariode TérminosInformáticos.
Enterate el significadode esaspalabrasde computaciónque decístodoslosdíasperoque no
sabésexactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textareaname="cuadro"rows="8"cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
Otra barra con mas colores:
A continuaciónveremosotrocódigoparaponerle colora labarra de desplazamiento,eneste
caso vamosa poderpersonalizarloscoloresde labarra,del fondoy losbordes.Reemplazarlos
nombresde loscoloresporotros o por loscódigode letrasy números.Mas abajoestála tabla
de colores.
<style>
<!--
body{ scrollbar-face-color:darkgreen;
scrollbar-shadow-color:yellow;
scrollbar-highlight-color:violet;
scrollbar-3dlight-color:navy;
scrollbar-darkshadow-color:magenta;
scrollbar-track-color:blue;
scrollbar-arrow-color:black}
-->
</style>
Observación:paravereste truco,es necesariotenerinstaladalasúltimasversionesde los
navegadores
Crear unformulario:
Con este códigopodemoscrearunformularioparaque complete el visitante.Porejemploun
librode visitas,luegoque el visitanteaprieteel botónenviar,losdatosseránenviadosatu
casillade correo.
<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com"METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text"size=36name="nombre"></TD>
<TR><TD ALIGN=RIGHT>DireccionE-mail:</TD>
<TD><INPUT type="text"size=36name="direccion"></TD>
<TR><TD ALIGN=RIGHT>comollegaste hastaestapagina?</TD>
<TD><INPUT type="text"size=36name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tuscomentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset"value="Borrartodo"><INPUTtype="submit"value="Enviar">
</FORM>
Insertarun sonidoomúsicade fondo:
Si quierenque losvisitantesescuchenunacanciónmientrasvisitanlaWeb,osimplemente
recibirlosconunamelodíaestilopresentación,este esel códigoque estabasbuscando.
Se recomiendausarsonidosenformato"midi"que sonlosde menorpeso.
<BGSOUND SRC="sonido.mid"LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true"LOOP="false"HIDDEN="true">
Pantallaque tiembla:
Al insertareste código,cadavezque entremosenlaWeb se produciráuna especie de
terremotoenel explorador.Unefectointeresante paraatraerla atenciónde nuestros
visitantes.
<html>
<head>
<title>www.pauluk.8k.com</title>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<bodybgcolor="#FFFFFF"text="#000000">
<p>
<script language="JavaScript1.2">
functiontremer(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>
functionright(e) {
if (navigator.appName =='Netscape'&& (e.which==3 || e.which==2)){
alert("www.pauluk.8k.com");
returnfalse;
}
else if (navigator.appName =='MicrosoftInternetExplorer'&&
(event.button==2 || event.button==3)) {
alert("www.pauluk.8k.com");
returnfalse;
}
returntrue;
}
document.onmousedown=right;
if (document.layers)window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Crear unlinkpara download:
Si queremosponerarchivosparaque losvisitanteslospuedandescargarasuscomputadoras,
solodebemossubirese archivoanuestroservidore insertarennuestraWebel siguiente
códigoHTML:
<a href="ejemplo.exe">Descripcióndelenlace </a>
No existe uncomandoque inicieladescarga.Loque sucede esque,siempre que aparece un
tipode archivono reconocidoporel navegador,este comienzaadescargarlo
automáticamente.Ejemplo:Si el navegadornolograabrirun archivo"zip"(compactado),inicia
la descargaautomáticamente.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Herramienta: Clustrmaps
Herramienta: ClustrmapsHerramienta: Clustrmaps
Herramienta: Clustrmaps
 
Internet informatica
Internet informaticaInternet informatica
Internet informatica
 
Html
HtmlHtml
Html
 
Tutorial breve para el uso del foro en melodysoft
Tutorial breve para el uso del foro en melodysoftTutorial breve para el uso del foro en melodysoft
Tutorial breve para el uso del foro en melodysoft
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Ejercicio tics
Ejercicio ticsEjercicio tics
Ejercicio tics
 
Etiquetas 1 en html
Etiquetas 1 en htmlEtiquetas 1 en html
Etiquetas 1 en html
 
Html
HtmlHtml
Html
 
Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2
 

Destacado (13)

The Student Room in the press Sept-Dec 2015
The Student Room in the press Sept-Dec 2015The Student Room in the press Sept-Dec 2015
The Student Room in the press Sept-Dec 2015
 
Alt strategy humor wla 2016
Alt strategy humor wla 2016Alt strategy humor wla 2016
Alt strategy humor wla 2016
 
Habilidades digitales
Habilidades digitalesHabilidades digitales
Habilidades digitales
 
Gmail
GmailGmail
Gmail
 
Energia
EnergiaEnergia
Energia
 
Alt strategy humor WLA 2016 uidaho branded
Alt strategy humor WLA 2016 uidaho brandedAlt strategy humor WLA 2016 uidaho branded
Alt strategy humor WLA 2016 uidaho branded
 
Primaires de la droite. Les résultats de la 4è circonscription
Primaires de la droite. Les résultats de la 4è circonscriptionPrimaires de la droite. Les résultats de la 4è circonscription
Primaires de la droite. Les résultats de la 4è circonscription
 
Excel
ExcelExcel
Excel
 
Herramientas digitales para los docentes por edgar bernal
Herramientas digitales para los docentes por edgar bernalHerramientas digitales para los docentes por edgar bernal
Herramientas digitales para los docentes por edgar bernal
 
peso y estatura
peso y estaturapeso y estatura
peso y estatura
 
Centro cultural kaspe
Centro cultural kaspe Centro cultural kaspe
Centro cultural kaspe
 
Os meus sonhos e projetos
Os meus sonhos e projetosOs meus sonhos e projetos
Os meus sonhos e projetos
 
Managing Conflicts And Difficult People
Managing Conflicts And Difficult PeopleManaging Conflicts And Difficult People
Managing Conflicts And Difficult People
 

Similar a Codigos html

Similar a Codigos html (12)

Guia De Trucos Html
Guia De Trucos HtmlGuia De Trucos Html
Guia De Trucos Html
 
Presentación
PresentaciónPresentación
Presentación
 
Estilos css para aplicarlos en los elementos HTML
Estilos css para aplicarlos en los elementos HTMLEstilos css para aplicarlos en los elementos HTML
Estilos css para aplicarlos en los elementos HTML
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
 
CSS - Hojas de Estilo en Cascada.pdf
CSS -  Hojas de Estilo en Cascada.pdfCSS -  Hojas de Estilo en Cascada.pdf
CSS - Hojas de Estilo en Cascada.pdf
 
Trucos html
Trucos htmlTrucos html
Trucos html
 
CSS3
CSS3CSS3
CSS3
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Lineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshadeLineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshade
 
Curso html
Curso htmlCurso html
Curso html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de vanesahgar

Características del software como parte de un sistem1
Características del software como parte de un sistem1Características del software como parte de un sistem1
Características del software como parte de un sistem1vanesahgar
 
Kernel- herramientas
Kernel- herramientas Kernel- herramientas
Kernel- herramientas vanesahgar
 
Escudo de armas del apellido hernandez
Escudo de armas del apellido hernandezEscudo de armas del apellido hernandez
Escudo de armas del apellido hernandezvanesahgar
 
tabla y organigrama
tabla y organigrama tabla y organigrama
tabla y organigrama vanesahgar
 
elementos de una computadora
elementos de una computadoraelementos de una computadora
elementos de una computadoravanesahgar
 
Herramientas Tecnológicas 1
Herramientas Tecnológicas 1Herramientas Tecnológicas 1
Herramientas Tecnológicas 1vanesahgar
 

Más de vanesahgar (16)

Redes lan
Redes lanRedes lan
Redes lan
 
SMTP
SMTPSMTP
SMTP
 
Pop 3
Pop 3Pop 3
Pop 3
 
promdio
promdiopromdio
promdio
 
promedio
promediopromedio
promedio
 
nomina
nominanomina
nomina
 
Características del software como parte de un sistem1
Características del software como parte de un sistem1Características del software como parte de un sistem1
Características del software como parte de un sistem1
 
Kernel- herramientas
Kernel- herramientas Kernel- herramientas
Kernel- herramientas
 
Escudo de armas del apellido hernandez
Escudo de armas del apellido hernandezEscudo de armas del apellido hernandez
Escudo de armas del apellido hernandez
 
tabla y organigrama
tabla y organigrama tabla y organigrama
tabla y organigrama
 
Portada 2
Portada 2Portada 2
Portada 2
 
portada 1
portada 1portada 1
portada 1
 
Herramienta
HerramientaHerramienta
Herramienta
 
elementos de una computadora
elementos de una computadoraelementos de una computadora
elementos de una computadora
 
tarjeta madre
tarjeta madretarjeta madre
tarjeta madre
 
Herramientas Tecnológicas 1
Herramientas Tecnológicas 1Herramientas Tecnológicas 1
Herramientas Tecnológicas 1
 

Último

Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 

Último (20)

Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 

Codigos html

  • 1. CODIGOS HTML Con este códigopodemoslograrese tanconocidoefectoque al pasarel mouse sobre unlink, este se subraye.Podemoshacerque tengauncolorantesde visitarel link,yque tengaotro una vezvisitado. <STYLE type="text/css"> <!-- A:link{COLOR:red;TEXT-DECORATION:none} A:visited{COLOR:gray;TEXT-DECORATION:none} A:active {TEXT-DECORATION:none} A:hover{COLOR:blue;TEXT-DECORATION:underline} --> </STYLE> </p> <p><a href="l1.htm">El textoque quieras.</a><br> <a href="l2.htm">otrotexto.</a><br> <a href="l3.htm">Otrotexto.</a><br> </p> Cuadroexplicativode losenlaces: Sorprendé atus visitantesconeste asombrosotruco.Al pasarel mouse sobre el link,aparece la explicaciónde ese linkenuncuadrocon la cantidadde palabrasque queramosponer. <p> <script language="JavaScript"><!-- functionescribe(frase){document.desplaza.cuadro.value=frase;}
  • 2. // --></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áginaprincipaln----------------nnCuandohagasClickeneste enlace irás directamenteala páginade iniciode mi web');">Página principal</a><br> <a href="http://www.suweb.net/users/pauluk/trucosprin.htm" onmouseover="escribe('TrucosPCn-----------nnEste enlace te llevaráalapáginade Trucos PC enla que podésencontrarmuchosmástrucos interesantespararealizare incluirentus páginasweb');">TrucosPC</a><br> <a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM" onmouseover="escribe('Glosarion-------------- nnDiccionariode TérminosInformáticos. Enterate el significadode esaspalabrasde computaciónque decístodoslosdíasperoque no sabésexactamente qué significa.');">Glosario</a><br> </p> </td> <td><form name="desplaza"> <p><textareaname="cuadro"rows="8"cols="30" wrap="physical"></textarea></p> </form> </td> </tr> </table> Otra barra con mas colores:
  • 3. A continuaciónveremosotrocódigoparaponerle colora labarra de desplazamiento,eneste caso vamosa poderpersonalizarloscoloresde labarra,del fondoy losbordes.Reemplazarlos nombresde loscoloresporotros o por loscódigode letrasy números.Mas abajoestála tabla de colores. <style> <!-- body{ scrollbar-face-color:darkgreen; scrollbar-shadow-color:yellow; scrollbar-highlight-color:violet; scrollbar-3dlight-color:navy; scrollbar-darkshadow-color:magenta; scrollbar-track-color:blue; scrollbar-arrow-color:black} --> </style> Observación:paravereste truco,es necesariotenerinstaladalasúltimasversionesde los navegadores Crear unformulario: Con este códigopodemoscrearunformularioparaque complete el visitante.Porejemploun librode visitas,luegoque el visitanteaprieteel botónenviar,losdatosseránenviadosatu casillade correo. <H2>Libro de visitas</H2> <FORM ACTION="mailto:tunombre@tuservidor.com"METHOD="post">
  • 4. <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type="text"size=36name="nombre"></TD> <TR><TD ALIGN=RIGHT>DireccionE-mail:</TD> <TD><INPUT type="text"size=36name="direccion"></TD> <TR><TD ALIGN=RIGHT>comollegaste hastaestapagina?</TD> <TD><INPUT type="text"size=36name="procedencia"></TD> <TR><TD ALIGN=RIGHT>Tuscomentatios:</TD> <TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> </TABLE> <INPUT type="reset"value="Borrartodo"><INPUTtype="submit"value="Enviar"> </FORM> Insertarun sonidoomúsicade fondo: Si quierenque losvisitantesescuchenunacanciónmientrasvisitanlaWeb,osimplemente recibirlosconunamelodíaestilopresentación,este esel códigoque estabasbuscando. Se recomiendausarsonidosenformato"midi"que sonlosde menorpeso. <BGSOUND SRC="sonido.mid"LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true"LOOP="false"HIDDEN="true">
  • 5. Pantallaque tiembla: Al insertareste código,cadavezque entremosenlaWeb se produciráuna especie de terremotoenel explorador.Unefectointeresante paraatraerla atenciónde nuestros visitantes. <html> <head> <title>www.pauluk.8k.com</title> <meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1"> </head> <bodybgcolor="#FFFFFF"text="#000000"> <p> <script language="JavaScript1.2"> functiontremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0);
  • 6. self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(5) </script> <Script language=JavaScript> functionright(e) { if (navigator.appName =='Netscape'&& (e.which==3 || e.which==2)){ alert("www.pauluk.8k.com"); returnfalse; } else if (navigator.appName =='MicrosoftInternetExplorer'&& (event.button==2 || event.button==3)) { alert("www.pauluk.8k.com"); returnfalse; }
  • 7. returntrue; } document.onmousedown=right; if (document.layers)window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> </body> </html> Crear unlinkpara download: Si queremosponerarchivosparaque losvisitanteslospuedandescargarasuscomputadoras, solodebemossubirese archivoanuestroservidore insertarennuestraWebel siguiente códigoHTML: <a href="ejemplo.exe">Descripcióndelenlace </a> No existe uncomandoque inicieladescarga.Loque sucede esque,siempre que aparece un tipode archivono reconocidoporel navegador,este comienzaadescargarlo automáticamente.Ejemplo:Si el navegadornolograabrirun archivo"zip"(compactado),inicia la descargaautomáticamente.