1. 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> gladysmargie01@hotmail.com</p>
</body>
</html>
Ejercicio 4 Practica sobre encabezados en html
<html>
<head>
<title>Página web Noticias </title>
</head>
<body bgcolor="sky blue" >
2. <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>
6. <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>
7. <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
8. <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
9. <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>
10. <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:gladysmontalvo1@hotmail.com"> 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> gladysmontalvo1@hotmail.com
<li><strong>Email:</strong> gladysmargie1@gmail.com
<li><strong>Email:</strong> gladysmontalvo12@yahoo.com
<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>
11. <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>