Juan10

5
Colegio Nacional Nicolás esguerra J.M JUAN DAVID LOPEZ (19) 901 PASO A PASO HTML

Transcript of Juan10

Page 1: Juan10

Colegio Nacional Nicolás esguerra

J.M

JUAN DAVID LOPEZ (19)

901

PASO A PASO

HTML

Page 2: Juan10

Llamadas java script1. abre una web de la carpeta mis

documentos

2. copia el siguiente código delante de la etiqueta </head>

3. Busca la línea

Page 3: Juan10

4. Este código hace referencia a la imagen gatito.gif que tiene un borde 0 y el texto gatito que crea un vinculo

vacio a después del border:0 añade esta

etiqueta

5. MM_showHideLayers: se encarga de cambiar la visibilidad de las capas. En este caso, le estás pasando como parámetros el nombre de la capa que tiene que mostrar gatosemana y lo que tiene que hacer show (mostrar), por lo que la función cambiará la visibilidad de la capa gatosemana por el valor show (mostrar).

6. Se realizará cuando hagas clic sobre la imagen (oneClick). Añade antes de la etiqueta </td> el siguiente código <p align="center"><Font size="2">Pulsa sobre la imagen para ver el gato 

Page 4: Juan10

de la semana</Font></p> para que el texto aparezca debajo de la imagen.

7. Busca la línea

 <p align="center"><a href="#"><font color="#000000" size="4">Cerrar</font></a></p> encuentra casi al final del documento.

Este código hace referencia a un vínculo vacío (<a href="#">) con el texto Cerrar.

8. Añade onClick="MM_showHideLayers ('gatosemana', ‘‘,'hide')" después de size="4" dentro de la etiqueta <Font.

9. con este código, estarás llamando a la función java script MM_showHideLayers, pero para cambiar la visibilidad de la capa gatosemana por el valor hide (ocultar).

10. La llamada a la función se realizará cuando hagas clic sobre el texto (onClick). De esta manera cuando hagas clic sobre el texto cerrar se esconderá la capa.