Colegio nacional nicolas es gerra

19
Colegio nacional nicolas es gerra html Nombres: ivan estiven corredor marizancen [email protected] Codigo:08

Transcript of Colegio nacional nicolas es gerra

Page 1: Colegio nacional nicolas es gerra

Colegio nacional nicolas es gerra

html

Nombres: ivan estiven corredor marizancen

[email protected]

Codigo:08

904

Page 2: Colegio nacional nicolas es gerra

1.debeos crear 3 carpetas con los nombres animales, deportes y flores y creamos en cada una 2 carpetas con los nombre imágenes y varios.

2.abrimos el bloc de notas y ponemos los códigos.

Page 3: Colegio nacional nicolas es gerra

3. guardamos el archivo con el nombre inicio en la carpeta animales

4. abrimos el archivo y vemos si sirvió

Page 4: Colegio nacional nicolas es gerra

5. vamos a agregar el testo escribimos este código de bajo de body <basefont color="red" size="1">

6.detras de <basefont> inserta una línea en blanco y escribe el texto:inicio

Page 5: Colegio nacional nicolas es gerra

7. vamos a ver si sirvió abrimos el archivo o el explorador

8. ahora lo ponemos mas elegante con un color verde oscuro así

9. enceramos el texto inicio entre dos etiquetas así <h1>inicio<h1> y vemos lo que pasa

Page 6: Colegio nacional nicolas es gerra

10.incertamos una línea blanca debajo del código anterior y escribiomos la etiqueta <hr> para poner una regla

11.inserta una linia blanca de bajo delcodigo anterior y as esto

Page 7: Colegio nacional nicolas es gerra

12.ponemos como palabra balones hasi con este código <h1>balones</h1>

13.bamos a añadir unos códigos como estos

14.solo nos que da definir la lista con las siguientes etiquetas lo guardamos y lovemos

Page 8: Colegio nacional nicolas es gerra

15. escribir el siguiente código delante de la etiqueta </body> y ve lo que pasa en el html

16.bamos a cambiar el color del enlace vamos a <body > y ponemos este código : <body bgcolor="#99cc99" link="#cc0000" vlink="#cc0000" alink="#cc0000C> y lo guardamos y vemos como quedo

Page 9: Colegio nacional nicolas es gerra

17. cambiamos <b>visita aulaclic</b> por este enlace (y quedara asi)

<img src="imagenes/aulaclic.jpg" alt="visita aulaclic" width="90" height="32" border="4">

18.añidimos el codigo sigiente de lante de la etiqueta <p…>este código

<p align="center"><img src="imagenes/logo_animales.gif" width="122" height="85"></p>

Y vemos en la pagina como quedo

Page 10: Colegio nacional nicolas es gerra

19. abre el archivo gatos.htma y detrás de </ul> la linia

<img src="imagenes/gatiti.gif" alt"gatito" border="0"> y vemos que pasa

20.detras de la etiqueta <hr> añade el siguiente código

21.detras de laetiqueta </ul>añade el siguiente código

Page 11: Colegio nacional nicolas es gerra

22.detras de la etiqueta <img>añade el siguiente código y lo guardamos y lovemos

23. abrimos el perro .html y asemos lo siguiente: escribimos delante de la etiqueta </body> este código

<table width="575" border="2" aling="center" cellspacing="2" bordercolor="#000000">

</table>

24. ascribe 6 veces estecodigo

<tr alingn”center” valign=”middle”> </tr>

25.bamos arellenar las filas 1 y 2 todas las eti quetas que pongamos deven

después de esta etiqueta <tr… hasi

Page 12: Colegio nacional nicolas es gerra

26. escribimos en la fila 3 estos pasos o estas etiquetas

27.escribimos después de la 4 etiqueta <tr…

28.escrivimos después de la quinta etiqueta <tr…

Page 13: Colegio nacional nicolas es gerra

29.escribe después de la sexta etiqueta <tr… (guardamos los cambios y la vemos como quedo

30. haora vamos a poner le estilo a la tabla asi con estas etiquetas

Con estas : bordercolor="#000000" background=imagenes/once.bmp>,bgcolor="#006699">,bgcolor="#22cc99">, bgcolor="#666699">,el primero en la etiqueta <table>,la segunda en el primer etiqueta <tr> la tercera en la segunda etiqueta <tr> y la ultima en la tercera etiqueta <tr>

Page 14: Colegio nacional nicolas es gerra

31.abrimos marcos.html y asemos lo siguiente: inserta estos códigos debajo de la etiqueta </head>

32. inserta un etiqueta debajo de la etiqueta </frameset>

33.vesi sirvio en tu navegdor

Page 15: Colegio nacional nicolas es gerra

34. abre el documento consultas.html y busca la line <td>campo de selección</td>y borrael texto de campo de selección y pon estos códigos

35.incertamos una etiqueta debajo de <input name="restablecer" type="reset" value="restablecer"> hasi y be que pasa

Page 16: Colegio nacional nicolas es gerra

36 abrimos el documento perros añade el siguiente código detrás de la etiqueta</table>y míralo en tu navegador como quedo

37.estacapa no la queremos ver de momento poresoayade visibility: hidden; después de layer-background-color:#ffff99;asi se vera

Page 17: Colegio nacional nicolas es gerra

38.imsertar sonido de fondo

.llamadas a javascript

El ultimo