SlideShare uma empresa Scribd logo
1 de 16
Colegio nacional nicolas es
gerra
html
Nombres: ivan estiven corredor
marizancen
Ivan.maco2010@gmail.com
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

Mais conteúdo relacionado

Mais procurados

Tuto keepass
Tuto keepassTuto keepass
Tuto keepassgaby_yane
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHPZeleneMorita
 
Conseguir dominio gratis y "unirlo" a hosting 100webspace.com
Conseguir dominio gratis y "unirlo" a hosting 100webspace.comConseguir dominio gratis y "unirlo" a hosting 100webspace.com
Conseguir dominio gratis y "unirlo" a hosting 100webspace.comDaniel Aparicio Arriola
 
Apuntes 7
Apuntes 7Apuntes 7
Apuntes 7I Biel
 
Htmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafrancoHtmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafrancoMayra Franco
 

Mais procurados (9)

Manueal pseint2
Manueal pseint2Manueal pseint2
Manueal pseint2
 
Tuto keepass
Tuto keepassTuto keepass
Tuto keepass
 
Utmo programacion
Utmo programacionUtmo programacion
Utmo programacion
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHP
 
Conseguir dominio gratis y "unirlo" a hosting 100webspace.com
Conseguir dominio gratis y "unirlo" a hosting 100webspace.comConseguir dominio gratis y "unirlo" a hosting 100webspace.com
Conseguir dominio gratis y "unirlo" a hosting 100webspace.com
 
Apuntes 7
Apuntes 7Apuntes 7
Apuntes 7
 
Ejercicio 2
Ejercicio 2Ejercicio 2
Ejercicio 2
 
Mm
MmMm
Mm
 
Htmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafrancoHtmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafranco
 

Destaque (20)

Retos
RetosRetos
Retos
 
Presentación2
Presentación2Presentación2
Presentación2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Colegio nacional nicolas es gerra
Colegio nacional nicolas es gerraColegio nacional nicolas es gerra
Colegio nacional nicolas es gerra
 
Presentación1
Presentación1Presentación1
Presentación1
 
Cubitos para jugar
Cubitos para jugarCubitos para jugar
Cubitos para jugar
 
La generacion corredotr
La generacion corredotrLa generacion corredotr
La generacion corredotr
 
Presentación1
Presentación1Presentación1
Presentación1
 
Ivan y nestor corredor 803
Ivan y nestor corredor 803Ivan y nestor corredor 803
Ivan y nestor corredor 803
 
Poner movimiento a el objeto
Poner movimiento a el objetoPoner movimiento a el objeto
Poner movimiento a el objeto
 
Presentación2
Presentación2Presentación2
Presentación2
 
Pacman familia halloween
Pacman familia halloweenPacman familia halloween
Pacman familia halloween
 
Presentación1
Presentación1Presentación1
Presentación1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
La generacion corredotr
La generacion corredotrLa generacion corredotr
La generacion corredotr
 
Lalo
LaloLalo
Lalo
 
Pilo
PiloPilo
Pilo
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Ivan corredor
Ivan corredorIvan corredor
Ivan corredor
 
Ivan
IvanIvan
Ivan
 

Semelhante a Colegio nacional nicolas es gerra (20)

Recuperacion
RecuperacionRecuperacion
Recuperacion
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Trabajo de html
Trabajo de htmlTrabajo de html
Trabajo de html
 
Juan10
Juan10Juan10
Juan10
 
Trabajo jose
Trabajo joseTrabajo jose
Trabajo jose
 
Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Manual eloy lipis
Manual eloy lipisManual eloy lipis
Manual eloy lipis
 
Manual eloy lipis
Manual eloy lipisManual eloy lipis
Manual eloy lipis
 
HTML
HTMLHTML
HTML
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 html
 
Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Juan info2
Juan info2Juan info2
Juan info2
 
Codigo visual basic
Codigo visual basicCodigo visual basic
Codigo visual basic
 
Pajunas de html5
Pajunas de html5Pajunas de html5
Pajunas de html5
 
Trabajo 5
Trabajo 5Trabajo 5
Trabajo 5
 
Como programar en htmil 5
Como programar en htmil 5Como programar en htmil 5
Como programar en htmil 5
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
MAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-NaomyMAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-Naomy
 

Mais de Ivan Corredor

Abrimos aula clic al lado bloc de notas
Abrimos aula clic al lado bloc de notasAbrimos aula clic al lado bloc de notas
Abrimos aula clic al lado bloc de notasIvan Corredor
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Ivan Corredor
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraIvan Corredor
 
Ivan y nestor corredor 803
Ivan y nestor corredor 803Ivan y nestor corredor 803
Ivan y nestor corredor 803Ivan Corredor
 

Mais de Ivan Corredor (7)

Doc1
Doc1Doc1
Doc1
 
Doc1
Doc1Doc1
Doc1
 
Abrimos aula clic al lado bloc de notas
Abrimos aula clic al lado bloc de notasAbrimos aula clic al lado bloc de notas
Abrimos aula clic al lado bloc de notas
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Balones s
Balones sBalones s
Balones s
 
Ivan y nestor corredor 803
Ivan y nestor corredor 803Ivan y nestor corredor 803
Ivan y nestor corredor 803
 

Colegio nacional nicolas es gerra

  • 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