1. Colegio nacional nicolas es
gerra
html
Nombres: ivan estiven corredor
marizancen
Ivan.maco2010@gmail.com
Codigo:08
904
2. 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.
3. 3. guardamos el archivo con el nombre inicio en la carpeta animales
4. abrimos el archivo y vemos si sirvió
4. 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
5. 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
6. 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
7. 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
8. 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
9. 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
10. 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
11. 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
12. 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…
13. 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>
14. 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
15. 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
16. 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