Colegio nacional nicolas es gerra
19
Colegio nacional nicolas es gerra html Nombres: ivan estiven corredor marizancen [email protected] Codigo:08
-
Upload
ivan-corredor -
Category
Documents
-
view
26 -
download
1
Transcript of Colegio nacional nicolas es gerra
Colegio nacional nicolas es gerra
html
Nombres: ivan estiven corredor marizancen
Codigo:08
904
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. guardamos el archivo con el nombre inicio en la carpeta animales
4. abrimos el archivo y vemos si sirvió
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
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
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
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
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
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
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
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
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…
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>
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
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
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
