Lenguaje de Programación html

11
UNIVERSIDAD NACIONAL DE SAN AGUSTÍN DE AREQUIPA FACULTAD DE INGENIERÍA DE PRODUCCIÓN Y SERVICIOS SEGUNDA ESPECIALIDAD EN INGENIERÍA INFORMÁTICA 2012 Presentado por Gladys Montalvo Guerra PRÁCTICA DE LABORATORIO HTML Para visualizar Mozilla Firefox, navegador web libre y de código abierto . Ejercicio 1 <html> <head> <title>Bienvenidos a mi página web Gladys</title> </head> <body bgcolor="yellow" text="blue"> Gladys Margarita Montalvo Guerra </body> </html> Ejercicio 2 <html> <head> <title>Bienvenidos a mi página web Gladys </title> </head> <body bgcolor="yellow" text="blue"> Gladys Montalvo Guerra <br> Braulio - Bertha </body> </html> Ejercicio 3 <html> <head> <title>Bienvenidos a mi página web Gladys </title> </head> <body bgcolor="pink" > <p> <strong>Colegio Primario:</strong> Guillermo Mercado Barroso <br> <strong>Colegio Secundario: </strong> Nuestra Señora de la Asunción <br> <strong>Estudios Superiores:</strong> Universidad Nacional San Agustín de Arequipa <br></P> <P> <strong>Nombre:</strong> Gladys Margarita Montalvo Guerra <br> <strong>Email:</strong> [email protected]</p> </body> </html> Ejercicio 4 Practica sobre encabezados en html <html> <head> <title>Página web Noticias </title> </head> <body bgcolor="sky blue" >

Transcript of Lenguaje de Programación html

Page 1: Lenguaje de Programación html

UNIVERSIDAD NACIONAL DE SAN AGUSTÍN DE AREQUIPA

FACULTAD DE INGENIERÍA DE PRODUCCIÓN Y SERVICIOS

SEGUNDA ESPECIALIDAD EN INGENIERÍA INFORMÁTICA 2012

Presentado por Gladys Montalvo Guerra

PRÁCTICA DE LABORATORIO HTML

Para visualizar Mozilla Firefox, navegador web libre y de código abierto.

Ejercicio 1

<html> <head> <title>Bienvenidos a mi página web Gladys</title> </head> <body bgcolor="yellow" text="blue"> Gladys Margarita Montalvo Guerra </body> </html> Ejercicio 2

<html> <head> <title>Bienvenidos a mi página web Gladys </title> </head> <body bgcolor="yellow" text="blue"> Gladys Montalvo Guerra <br> Braulio - Bertha </body> </html> Ejercicio 3

<html>

<head> <title>Bienvenidos a mi página web Gladys </title> </head> <body bgcolor="pink" > <p> <strong>Colegio Primario:</strong> Guillermo Mercado Barroso <br> <strong>Colegio Secundario: </strong> Nuestra Señora de la Asunción <br> <strong>Estudios Superiores:</strong> Universidad Nacional San Agustín de Arequipa <br></P> <P> <strong>Nombre:</strong> Gladys Margarita Montalvo Guerra <br> <strong>Email:</strong> [email protected]</p> </body> </html> Ejercicio 4 Practica sobre encabezados en html <html> <head> <title>Página web Noticias </title> </head> <body bgcolor="sky blue" >

Page 2: Lenguaje de Programación html

<h1><b><u>COMISIÓN DE EDUCACION </u></b></h1> <p> Solo de cada 10 entiende lo que lee. El Presidente de la Comisión de Educación <br> del Congreso aseguró que La educación en general es un desastre. </p> <h2 align="Right"><i>“SISMO DE REGULAR INTENSIDAD REMECECE ICA”</i></h2> <P> El movimiento telúrico ocurrió a las 16:12 horas y su epicentro se ubicó a 74 kilómetros al suroeste de Ica.</p> <p align="center">El presidente ecuatoriano, Rafael Correa, destacó hoy los avances en materia de desarrollo, integración y relación bilateral alcanzados por Perú y Ecuador; pero consideró que aún resta un largo camino por recorrer, por lo que planteó “recuperar el tiempo perdido”. <p align="right">Presidente peruano Ollanta Humala Tasso y su homólogo ecuatoriano Rafael Correa, encabezan el VI Encuentro Presidencial y VI reunión del Gabinete Binacional Perú-Ecuador.</p> <h3 align="center">Artistas Famosos</h3> <p align=justify">Gian Marco, Eva Ayllón, Pamela Rodriguez y el grupo Bareto competirán en distintas categorías.</p> <p align="left">La ‘Diva del Bronx, jenifer López’ desea que sus pequeños se conviertan en estrellas, pero el salsero quiere que estudien y sean profesionales.</p> <p align="center">“Artista rudos y famosos"</p> <h4 align="right">Artistas Famosos</h4> <p En las tres últimas décadas varios han descargado su furia contra los paparazzis y algunos enfrentaron denuncias policiales.</p> </body> </html>

Ejercicio 5 Codigos en negrita y énfasis en palabras <b> <em>

<html>

<head> <title>Mi página web Gladys</title> </head> <body bgcolor="sky blue"> <dl compact> <dt><b>PHP:</b> <dd>es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo <em>web de contenido dinámico.</em> <dt><b>JSP:</b> <dd>JavaServer Pages (JSP) es una tecnología Java que permite generar contenido dinámico para web, en forma de documentos <em>HTML, XML o de otro tipo.</em> <dt><b>ASP:</b> <dd>Active Server Pages (ASP), también conocido como ASP clásico, es una tecnología de Microsoft del tipo <em>"lado del servidor"</em> para páginas web generadas dinámicamente </dl> </body> </html>

Ejercicio 6 vínculos de hipertexto o hipervínculos (anclajes) a href

<html> <head> <title>Mi página web Gladys </title> </head> <body bgcolor="yellow"> <h1>Blog de lenguajes de Programación</h1> <h2><a href="ejercicio6a.html">lenguaje PHP</a></h2> <h2><a href="ejercicio6b.html">lenguaje JavaScript</a></h2> </body> </html> 6a <html> <head> <title>Mi página web Gladys </title> </head>

Page 3: Lenguaje de Programación html

<body bgcolor="silver" > <h1>PHP</h1> <BR> <a href="ejercicio6.html">RETORNAR</a> </body> </html> 6b <html> <head> <title>Mi página web Gladys</title> </head> <body bgcolor="green"> <h1> JavaScript</h1> <BR> <a href="ejercicio6.html">RETORNAR</a> </body> </html>

Ejercicio 7 hipervínculos a periódicos y sección de periódico (anclajes) <html> <head> <title>Mi página web Gladys </title> </head> <body bgcolor="yellow" text="blue"> <a href=" http://elcomercio.pe/">Diario Comercio </a><br> <a href=" http://elcomercio.pe/espectaculos/?ref=ecb">Espectáculos</a></br> <a href=" http://elcomercio.pe/turismo/?ref=ecb">Turismo</a> </body> </html> Ejercicio 8 Mostrar imágenes en una página web <html> <head> <title>Mi página web Gladys </title> </head> <body bgcolor="yellow" > <h1>Gladys (foto 1) </h1> <img src="1gladys.jpg"> <h1>Colegio(foto 2) </h1> <div align="center"> <img src="2colegio.jpg"> </div> </body> </html> Ejercicio 9 <html> <head> <title>Mi página web Gladys</title> </head> <body bgcolor="pink" text="blue"> <img src="1gladys.jpg"><br> <a href="ejercicio9b.html">avanzar Siguiente</a> </body> </html> 9b <html> <head> <title>Mi página web Gladys</title> </head> <body bgcolor="sky blue" >

Page 4: Lenguaje de Programación html

<div align="center"> <img src="2colegio.jpg"><br> <a href="ejercicio9c.html">avanzar Siguiente</a> </body> </html> 9c <html> <head> <title>Mi página web Gladys </title> </head> <body bgcolor="yellow" > <div align="right"> <img src="3menina.jpg"><br> <a href="ejercicio9a.html">avanzar Siguiente</a> </body> </html> Ejercicio 10 vínculos de hipertexto o hipervínculos (apertura en otra ventana y misma ventana) <HTML> <HEAD> <TITLE>Mi página Web Gladys </TITLE> </HEAD> <body bgcolor="yellow"> <H2 align="center">BLOG DE ACTUALIDAD </H2> <H3>Apertura en otra ventana</H3> <ul> <li><a href="10-1.html"> Fe y Alegría </a> <img src="fe y alegria.gif"alt="fe y alegria 51"> <li><a href=" 10-2.html"> Ministerio de Educación. </a> <li><a href="10-3.html"> Mi Mate </a> <H3>Apertura en la misma ventana</H3> <ul> <li><a href="http://feyalegria2012.blogspot.com/2012_10_01_archive.html"> Fe y Alegría </a <li><a href=" http://www.minedu.gob.pe/"> Ministerio de Educación.</a> <li><a href="http://www.apoyo.com/GrupoApoyo/apo_nst_rsp_pry_rs_mpt.aspx.html"> Mi Mate </a> </ul> </body> </HTML> 10-1 <HTML> <HEAD> <TITLE>Mi Página web Gladys </TITLE> </HEAD> <body> <H2 align="center">Fe y Alegría</H2> <ul> <li><a href="http://feyalegria2012.blogspot.com/2012_10_01_archive.html"> Fe y Alegría </a> <img src="fe y alegria.gif"alt="fe y alegria 51"> </ul> </body> </HTML> 10-2 <HTML> <HEAD> <TITLE>Mi Página web Gladys </TITLE> </HEAD> <body> <H2 align="center">Ministerio de Educación </H2> <ul>

Page 5: Lenguaje de Programación html

<li><a href=" http://www.minedu.gob.pe/"> Ministerio de Educación </a> </ul> </body> </HTML> 10-3 <HTML> <HEAD> <TITLE>Mi Página web Gladys </TITLE> </HEAD> <body> <H2 align="center">Mi Mate </H2> <H3>Apertura en otra ventana</H3> <ul> <li><a href="http://www.apoyo.com/GrupoApoyo/apo_nst_rsp_pry_rs_mpt.aspx.html"> Mi Mate </a> </body> </HTML> Ejercicio 11 Hipervínculos sobre noticias del dia y enlaces con hipervínculos con anclas <HTML> <HEAD> <TITLE>Mi página Web Gladys </TITLE> </HEAD> <body bgcolor="pink"> <H2 align="center">NOTICIAS DEL DÍA </H2> <a href="#Noticia1">Noticia 1 </a><br> <a href="#Noticia2"> Noticia 2</a><br> <a href="#Noticia3"> Noticia 3</a><br> <a href="#Noticia4"> Noticia 4</a><br> <hr> <h3><b><u>NOTICIA 1 </u></b></h3> <a name="Noticia1"></a> <a href="http://www.rpp.com.pe/entretenimiento-seccion_595.html"> Entretenimiento. </a> <a href="http://www.rpp.com.pe/2012-11-29-ricky-martin-sera-jurado-en-segunda-temporada-de-the-voice-australia-noticia_544873.html"> Espectáculos. </a> <a href="http://www.rpp.com.pe/2012-11-29-lindsay-lohan-una-vida-llena-de-escandalos-noticia_545025.html"> Celebridades </a> <hr> <h3><b><u>NOTICIA 2 </u></b></h3> <a name="Noticia2"></a> <a href="http://www.rpp.com.pe/2012-12-01-alianza-lima-y-universitario-disputaran-clasico-por-el-honor-en-miami-noticia_545348.html"> Futbol. </a> <a href="http://www.diarionoticias.com.pe/deportes.html"> Diario Noticias. </a> <a href="http://www.rpp.com.pe/deportes-seccion_594.html"> Deportes. </a> <a href="http://www.rpp.com.pe/2012-11-29-matadorcitas-se-lucen-super-sexys-fuera-de-la-cancha-noticia_544997.html"> Voley </a> <hr> <h3><b><u>NOTICIA 3 </u></b></h3> <a name="Noticia3"></a> <a href=" http://noticias.latam.msn.com/pe/economia/articulo_upi.aspx?cp-documentid=254959759.html"> Chile. </a> <a href="http://economia.deperu.com/html"> Economía. </a> <a href="http://www.rpp.com.pe/2012-11-30-tc-declara-infundada-demanda-contra-devolucion-del-fonavi-noticia_545340.html"> FONAVI. </a> <hr> <h3><b><u>NOTICIA 4 </u></b></h3> <a name="Noticia4"></a> <a href="http://internacional.elpais.com/.html"> Internacionales.</a> <a href=" http://www.informador.com.mx/internacional/2012/421150/6/acepta-onu-a-palestina-como-estado.html"> Palestina.</a>

Page 6: Lenguaje de Programación html

<a href=" http://www.informador.com.mx/economia/2012/421230/6/el-dolar-se-vende-hasta-en-1315-pesos.html"> Economía.</a> </body> </HTML> Ejercicio 13 Lista ordenada, con la suma total de habitantes enfatizado <ol> <strong> <HTML> <HEAD> <TITLE>Mi página Web Gladys</TITLE> </HEAD> <body bgcolor="sky blue" > <h2><b>PAÍSES CON MAYOR POBLACIÓN</b></h2> <ol> <li>China (1 300 millones) <li>India (1 080 millones) <li>Estados Unidos (295 millones) </ol> <p>Sumando estos tres países tenemos una población de <strong>2675 millones de habitantes.</strong></> </body> </HTML> Ejercicio 14 Lista no ordenada con hipervínculos a distintos periódicos <ul> <HTML> <HEAD> <TITLE>Mi página Web Gladys</TITLE> </HEAD> <body bgcolor="yellow" text="blue"> <H3><p><b>PERIÓDICOS DE PERÚ</b></p></H3> <ul> <li> <a href=" http://elcomercio.pe/">Diario Comercio </a><br> <li><a href=" http://elcomercio.pe/espectaculos/?ref=ecb">Espectáculos</a></br> <li><a href=" http://elcomercio.pe/turismo/?ref=ecb">Turismo</a> </ul> </body> </HTML> Ejercicio 15 Lista no ordenada con hipervínculos a lenguajes de programación <ul> <HTML> <HEAD> <TITLE>Mi página Web Gladys</TITLE> </HEAD> <body bgcolor="yellow" text="red"> <H3><p><b>LENGUAJES DE PROGRAMACIÓN</b></p></H3> <ul> <li><b>PHP</b> </ul> <ol> <li> <a href="http://es.wikipedia.org/wiki/PHP">PHP Wikipedia </a><br> <li><a href=" http://www.desarrolloweb.com/php/">PHP Manual</a></br> <li><a href=" http://php.softonic.com/">PHP Descarga</a> </ol> <ul> <li><b>JavaScript</b> </ul> <ol> <li> <a href="http://es.wikipedia.org/wiki/JavaScript">JavaScript Wikipedia </a><br> <li> <a href=" http://www.librosweb.es/javascript/"> JavaScript Introducción</a></br> <li> <a href=" http://tunait.com/javascript/">JavaScript Códigos </a> </ol> <ul>

Page 7: Lenguaje de Programación html

<li><b>C++</b> </ul> <ol> <li> <a href=" http://es.wikipedia.org/wiki/C%2B%2B ">C++ Wikipedia </a><br> <li> <a href=" http://www.arrakis.es/~rporcar/">Club Builder</a></br> <li> <a href=" http://msdn.microsoft.com/es-es/vstudio/hh386302">Visual C++</a> </ol> </body> </HTML> Ejercicio 16 Tablas en html <table> <html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="green" text="yellow"> <table border="2"> <tr><td>Gladys Montalvo</td><td>2500</td></tr> <tr><td>Nancy Montalvo</td><td>2800</td></tr> <tr><td>Arnold Montalvo</td><td>1500</td></tr> <tr><td>Luis Montalvo</td><td>2000</td></tr> <tr><td>Miguel Montalvo</td><td>500</td></tr> </table> </body> </html> Ejercicio 17 <html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="sky blue" text="yellow"> <p> TRABAJADORES DEL MED</p> <table border="3"> <tr><td><b>Nombre del Empleado</td><td><b>Sueldo Bruto</b></td></tr> <tr><td>Gladys Montalvo</td><td>2500</td></tr> <tr><td>Nancy Montalvo</td><td>2800</td></tr> <tr><td>Arnold Montalvo</td><td>1500</td></tr> <tr><td>Luis Montalvo</td><td>2000</td></tr> <tr><td>Miguel Montalvo</td><td>500</td></tr> </table> </body> </html> Ejercicio 18 <html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="PINK" text="GREEN"> <table border="3"> <tr><td><b>Nombre del Empleado</td><td><b>Sueldo Bruto</b></td></tr> <tr><td>Gladys Montalvo</td><td>2500</td></tr> <tr><td>Nancy Montalvo</td><td>2800</td></tr> <tr><td>Arnold Montalvo</td><td>1500</td></tr> <tr><td>Luis Montalvo</td><td>2000</td></tr> <tr><td>Miguel Montalvo</td><td>500</td></tr> </table> </body> </html> Ejercicio 19 Tablas con nombres de periódicos y su nombre de dominio agrupados por países

Page 8: Lenguaje de Programación html

<html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="yellow" text="red"> <table border="4"> <caption><h2><b>PERIÓDICOS DE PAÍSES </b><h2></caption> <tr><th rowspan="3">ARGENTINA</th> <td>La Nación</td> <td><a href="http://www.lanacion.com.ar/">www.lanacion.com.ar/</a></td></tr> <tr><td> Clarin</td><td> <a href="http://www.clarin.com/">www.clarin.com/ </a></td> </tr> <tr><td> BA Económico</td><td> <a href="http://www.diariobae.com/ "> www.diariobae.com/</a> </td></tr> <tr><th rowspan="3">ESPAÑA</th> <td>El Mundo</td> <td><a href="http://www.elmundo.es/">www.elmundo.es/</a> </td></tr> <tr><td> El País</td><td> <a href=" http://elpais.com/ "> elpais.com/ </a></td> </tr> <tr><td> La Vanguardia</td><td> <a href=" http://www.lavanguardia.com/"> www.lavanguardia.com/</a></td></tr> <tr><th rowspan="3">CHILE</th> <td>El Mercurio</td> <td><a href="http://www.mercurioantofagasta.cl"> www.mercurioantofagasta.cl </a> </td</tr> <tr><td> Diario 21 </td><td> <a href="http://www.diario21.cl"> www.diario21.cl </a> </td> </tr> </table> </body> </html>

Ejercicio 20 <html> <head> <title> www.emagister.com/curso-lenguaje-c-guia-programadores </title> </head> <body bgcolor="yellow" text="blue"> <h3 align="center"><b> APRENDA EL LENGUAJE C++ <a href="http:// www.emagister.com/curso-lenguaje-c-guia-programadores> </a> </b></h3> </body> </html> Ejercicio 21

<html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="pink" text="blue"> <table border="2"> <caption><h3><b> FACTURACIÓN AÑO 2012</b> </h3></caption> <TR> <TH rowspan=5>RECURSOS</TH></TR> <TD colspan=4 >Facturación de los últimos tres meses </TD> <TR> <TD>Discos Duros</TD> <TD>32000</TD> <TD>27200</TD><TD>26000</TD></TR> <TR> <TD>CPU</TD> <TD>73000</TD> <TD>67200</TD><TD>51000</TD></TR> <TR> <TD>Monitores</TD> <TD>53000</TD> <TD>72000</TD><TD>88000</TD></TR> </table> <center> <table border="2"> <caption><h3><b> <a href="ejercicio21a.html">COMENTARIOS</a> </b> </h3></caption> <TR> <TH rowspan=5>RECURSOS</TH></TR> <TD colspan=4 >Facturación de los últimos tres meses </TD> <TR> <TD>Discos Duros</TD> <TD>32000</TD> <TD>27200</TD><TD>26000</TD></TR> <TR> <TD>CPU</TD> <TD>73000</TD> <TD>67200</TD><TD>51000</TD></TR> <TR> <TD>Monitores</TD> <TD>53000</TD> <TD>72000</TD><TD>88000</TD></TR> </table> </center> </body> </html> 21a

Page 9: Lenguaje de Programación html

<html> <head> <title>bienvenidos a mi pagina web Gladys </title> </head> <body bgcolor="pink" text="blue"> <center> <table border="2"> <br> <p><b>Comentarios sobre la facturación de los 3 últimos meses</b></p> <br> <textarea cols="30"rows="7" name="comentarios"></textarea> <caption><b><a href="ejercicio21.html"> <i>Retornar</i></a> </b> </caption> <br> <br> </table> </center> </body> </html> AHORA EJEMPLOS DE PAGINAS PARA COLGAR EN INTERNET Ejercicio 22 PAGINA WEB INICIAL DE GLADYS <HTML> <HEAD> <TITLE>Mi Pagina Personal</TITLE> </HEAD> <body background="6479206-fondo-de-gotas-de-agua.jpg" > <br> <br> <b><i>INICIO</i></b> <a name="inicio"></a> <H1 align="center">PAGINA INICIAL DE GLADYS MONTALVO GUERRA</H1> <div align="right"> <img src="Gladys.jpg"border="5"width="100"height="100"> <br> </div> <p>Bienvenido a mi Página Personal </p> <H2><b>Enlaces favoritos </b></H2> <a href="#Personales">Paginas Personales </a><br> <a href="#Referencia"> Paginas de Referencia</a><br><a href="#Buscadores"> Buscador</a><br> <a href="#Correo"> Correo Electronico</a> <hr> <h3><b>Paginas Personales </b></h3> <a name="Personales"></a> <ol> <li>Mis Cursos Favoritos <ul> <li>Matematica Para Todos <li>Leer es estar adelante <li>Programación Visual 2010 </ul> <li>Mis Entretenimientos <ul> <li>Bailar <li>Escuchar música <li>Conversar en red </ul> <li>Mis Lugares Favoritos <ul> <li>Gymnasio <li>Mi camita </ul> </ol>

Page 10: Lenguaje de Programación html

<p align="right"><a href="#inicio">Inicio</a></p> <hr> <h3><b>Paginas de Referencia </b></h3> <a name="Referencia"></a> <ol> <li>Centro de Trabajo <ul> <li>I.E. Fe y Alegría 51 </ul> <li>Centro de Estudios <ul type="circle"> <li><i>Colegio Primario</i>:Guillermo Mercado Barroso <br> <li><i>Colegio Secundario</i>: Nuestra Señora de la Asunción <br> <li><i>Estudios Superiores</i>: Universidad Nacional San Agustín de Arequipa <br> </ul> <li>Mis Títulos o Grados Academicos <ul type="square"> <li>Magister en Educación Superior <li>Licenciado en Educación Primaria <li>Programador de Paginas Web </ul> </ol> <p align="right"><a href="#inicio">Inicio</a></p> <hr> <h3><b>Buscador </b></h3> <a name="Buscadores"></a> <strong> Gladys Margarita Montalvo Guerra</strong> <br> <ul type="disc"> <li>Mailto:Siendo <a href="mailto:[email protected]"> docente de la I.E. Fe y Alegría 51 <li>You Tube: <a href="http://www.youtube.com/channel/UCai4-Q- uY2bGWTj17Eio3-g">Gladys Margie You Tube </a> <li>Google+: <a href="http://plus.google.com/115635017053103645259/posts "> Gladys Margie Google </a> <li>Facebook: <a href="http://www.facebook.com/gladys.margie">Gladys Margie Facebook </a> <li>Blogger: <a href="http://feyalegria2012.blogspot.com/2012_10_01_archive.html"> Blogger Fe y Alegría 51 </a> <li>Entorno de Aprendizaje Social: <a href="http://www.redalumnos.com/"> Red Social en Google Chrome </a> <li>Web Jimdo: <a href="http://gladysmargie.jimdo.com/login"> Página web </a> </ul> <p align="right"><a href="#inicio">Inicio</a></p> <hr> <h3><b>Correo Electronico </b></h3> <a name="Correo"></a> <strong>Nombre:</strong> Gladys Margarita Montalvo Guerra <br> <ul> <li><strong>Email:</strong> [email protected] <li><strong>Email:</strong> [email protected] <li><strong>Email:</strong> [email protected] <li><strong>Email:</strong> gladysmargiejimdo.com </ul> <p align="right"><a href="#inicio">Inicio</a></p> </body> </HTML> Ejercicio 23 MIS VIAJES Y AVENTURAS <HTML> <HEAD>

Page 11: Lenguaje de Programación html

<TITLE>Pagina Personal de Gladys</TITLE> </HEAD> <center> <body bgcolor="orange" > <H1 align="center">MIS DIVERTIDAS HORAS DE DESCANSO Y RELAX</H1> <img src="Gladys.jpg"><br> <p>Cada vez que salgo de vacaciones después de un agotador <br> pero a la vez encantador trabajo como docente de primaria <br> viajamos con mis amistades a diversos lugares extrambóticos, <br> aquí les muestro algunos de ellos ... </p> </center> <hr> <div align="left"> <H2><b>Será un bonito recorrido...</b> </H2> <ol> <li><a href="#Lima">Aniversario de Lima </a><br> <li><a href="#macchupicchu"> Un viaje por Machupicchu</a><br> <li><a href="#Playas"> Playa, arena y mar</a><br> </ol> </div> <hr> <center> <h3><b>Aniversario de Lima</b></h3> <a name="Lima"></a> <H2><b>PASEANDO POR LIMA </b> </H2> <i> Lima, 15-01-2010</i> <p>Viajamos con mis colegas de la I.E. Fe y Alegría a un Curso <br> de Actualización y decidimos ir a la verbena por el aniversario<br> de Lima, estuvo muy concurrido y espectacular.</p> <img src="Lima-pl.jpg"><br> <hr> <h3><b>Un viaje por Machupicchu</b> </h3> <i>Cusco,25-02-2011</i> <a name="macchupicchu"></a> <p>Este año fue místico, viajamos también con mis colegas para <br> hacer una actualización.En nuestro descanso decidimos pasear <br> por Machupicchu, fue una experiencia espectacular.</p> <img src="macchupicchu.jpg"></br> <hr> <h3><b>Playa, arena y mar </b> </h3> <i>Camaná,01-01-2012</i><br> <a name="Playas"></a> <img src="playa.jpg"> <p>Y para pasar un lindo fin de año y vaya siempre todo el año de<br> viaje, fuí con toda mi familia a las ardientes playas de Camaná, <br> allí festejamos la venida del año nuevo con mucha alegría y mucha <br> bebida. </p> <hr> </center> </body> </HTML>