miércoles, 14 de septiembre de 2016

PROYECTO 16

EJERCICIO 16
PRACTICA CON LA ETIQUETA <div>

<html>
<head>
<meta charset="utf-8">
<title>ejemplo etiqueta span - aprenderaprogramar.com</title>
</head>
<body>

<div style="text-align: center; font-size: 20px; border: 2px solid red;">

PORTAL WEB APRENDERAPROGRAMAR


</div>

<div style="border: 2px solid green;">


<br>
MENU
</br>
<br><ul>
<li>INICIO</li>
<li>LIBROS DE PROGRAMACION</li>
<li>CURSOS DE PROGRAMACION</li>
<li>HUMOR INFORMATICO</li>

</br>

<br>APRENDER A PROGRAMAR ES UN OBJETIVO QUE SE PLANTEA MUCHA GENTE Y QUE NO TODOS ALCANZAN</br>

<br>Hay que tener claro que <u>aprender programacion </u>no es tarea de un dia o de una semana, aprender programacion requiere al menos varios meses y hablando de programacion en lo profesional, varios años. No queremos con esto desanimar a nadie, en un plazo de unos ocos dias podemos estar haciendo nuestros primeros pasos.</br>
<br>
Puedes seguir uno de <u>nuestros cursos</u> entre los varios disponibles. Cuando haya que utilizar un editor de texto recomendamos el uso de uno potente y sedoño como Notepad. Aunque son validas otras alternativas como crmso Editor.
</br>
</div>





<div style="border: 2px solid blue;">
ADELAIDA YAURI PEREZ
</div>



</body>
</html>


RESULTADO


PROYECTO 15

EJERCICIO 15
CAPAS CON DIV Y SPAN


<html>
<head>
<meta charset="utf-8">
<title>ejemplo etiqueta span - aprenderaprogramar.com</title>
</head>
<body>

<div style="text-align: center; font-size: 60px; border: 1px solid red;">
cabecera
<span style="color: green;">de</span> la <span style="color: orange;">pagina</span>
</div>

<div style="border: 1px solid green;">
cuerpo de la pagina
</div>

<div style="border: 1px solid blue;">
pie de pagina
</div>



</body>
</html>



RESULTADO




PROYECTO 14

EJERCICIO 14


APRENDEREMOS A PONER BORDE E IDENTIFICAREMOS :
*LA CABEZERA
*CUERPO
*PIE DE PAGINA



<html>
<head>
<meta charset="utf-8">
<title>ejemplo etiqueta div - aprenderaprogramar.com</title>
</head>
<body>

<div style="text-align: center; font-size: 60px; border: 1px solid red;">
cabecera de la pagina
</div>

<div style="border: 1px solid green;">
cuerpo de la pagina
</div>

<div style="border: 1px solid blue;">
pie de pagina
</div>



</body>
</html>



PROYECTO 13

EJERCICIO 13
APRENDEREMOS A CREAR CAPAS EN HTML

<html>
<head>
<meta charset="utf-8">
<title>ejemplo etiqueta div - aprenderprogramar.com</title>
</head>
<body>

<div style="border: 1px solid red;">
cabecera de la pagina
</div>

<div style="border: 1px solid green;">
cuerpo de la pagina
</div>

<div style="border: 1px solid blue;">
pie de la pagina
</div>



</body>
</html>

PROYECTO 12

EJERCICIO 12

IMAGENES DE FONDO MAS UN VIDEO

<html>
<head>
<title>PROYECTO 12</title>
</head>
<body background="IMAGEN/I.jpg">
<center>
<center> <b><u><h3>NUESTRO VIAJE A TIPON: LAS CHICAS AVENTURERAS </center></b></u></h3>
<br>
LAS TRES CHICAS EXPLORADORAS: VIAJE A LA CIUDADELA DE TIPON FUE INOLVIDABLE, UNO DE LOS PRIMEROS VIAJES, PORQUE ESTOY SEGURA QUE NO SERA LA ULTIMA VEZ, SEGUIREMOS VIAJANDO POR TODOS LOS LUGARES QUE NOS FALTAN POR DESCUBRIR, A LAS TRES NOS GUSTAN LAS AVENTURAS OR ESE MOTIVO ES ESTAMOS PROGRAMANDO OTRO VIAJE A LA CIUDAD DE MACHUPICCHU</br>
</br>


<IMG SRC="IMAGEN/ABC.gif" width=300 height=300>
<br> LAS 3 AVENTURERAS</IMG></br>



<IMG SRC="IMAGEN/1.jpg" width=300 height=300>
<br>CAMINO A TIPON</IMG></br>


<IMG SRC="IMAGEN/2.jpg" width=300 height=300>
<br>LA ENTRADA A TIPON</IMG></br>


<IMG SRC="IMAGEN/3.jpg" width=300 height=300>
<br>LAS RUINAS DE TIPON</IMG></br>



<IMG SRC="IMAGEN/4.jpg" width=300 height=300>
<br>ENTRADA A LA RUINA</IMG></br>



<IMG SRC="IMAGEN/5.jpg" width=300 height=300>
<br>YENIFER POSANDO CON SU AMIGO</IMG></br>



<IMG SRC="IMAGEN/6.jpg" width=300 height=300>
<br>YO Y MI AMIGO EL MALO </IMG></br>


<IMG SRC="IMAGEN/7.jpg" width=300 height=300>
<br>COMIENDO EL CUY AL HORNO</IMG></br>






<br>
<video controls="controls" widht="400" height="300">
<source src="VIDEOS/ANDAS.mp4" type="video/mp4">
</video>
</br>
<h1><b>NUESTRA CANCION FAVORITA DE ESE VIAJE</h1></b>


</center>
<br>
</body>
</html>

PROYECTO 11

EJERCICIO 11

IMAGENES DE FONDO Y IMAGENES EN GIF

<html>
<head>
<title></title>
</head>
<center>
<body background="IMAGEN/AMOR.gif">

<IMG SRC="IMAGEN/ADE.jpg" width=250 height=300>
<br>BANDERA DEL PERU</IMG></br>

<img src="IMAGEN/SOL.jpg"width=250 height=300>
<br>EL EJERCITO DEL PERU</br>

<img src="IMAGEN/OLLANTA.jpg"width=250 height=300>
<br>PRESIDENTE DEL PERU</br>


<img src="IMAGEN/PERU.jpg"width=250 height=300>
<br>LOGO PERUANO</br>


<img src="IMAGEN/SAN.jpg"width=250 height=300>
<br>JOSE DE SAN MARTIN</br>

<img src="IMAGEN/ANA.gif"width=250 height=300>
<br>IMAGEN EN MOVIMIENTO</br>

<br>
<video controls="controls" widht="400" height="300">
<source src="VIDEOS/JUAN.mp4" type="video/mp4">
</video>
</br>
<h1><b>JUAN GABRIEL A DUO CON Natalia Lafourcade</h1></b>
</center>
</body>
</html>

PROYECTO 10

EJERCICIO 10


RESUMEN DEL DISTRITO DE QUIQUIJANA



<html>
<head>
<title>PROYECTO 10</title>
</head>
<body background="1997.jpg">
<br>
<center> <h3><marquee>DISTRITO DE QUIQUIJANA ANTIGUA CAPITAL DE YANACOCHA </center></h3></marquee>
<br>
EL DISTRITO DE QUIQUIJANA SE ENCUENTRA A 2000 MIL METROS SOBRE EL NIVEL DEL MAR, CON LA CANTIDAD DE POBLADORES DE 3200 PERSONAS ES LA ANTIGUA CAPITAL DE YANACOCHA...EL ACTUAL ALCALDE DEL DISTRITO DE QUIQUIJANA ES EL MAGISTER VICENTE JOVE TARRAGA.
</br>



<br><ol >
<li>C.QUIQUIJANA</li>
<li>URINCCOSCCO</li>
<li>CALLATIAC</li>
<li>PAMPAKEHUAR</li>
<li>HUARAYPATA</li>
<li>LLAMPA</li>
<li>SACHAQ</li>
<li>HAYUNI</li>
<li>PATAKEHUAR</li>
<li>TTIO</li>
<li>ANTISUYO</li>
<li>COLCA</li>
<li>HUAQAYTAQUI</li>
<li>CERA CERA</li>
<li>ALTA CONCEPCION</li>
<li>KEMPORAY</li>
</ol></br>



<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<th> INSTITUCIONES EDUCATIVAS</th>
<th> PRIMARIA</th>
<th> SECUNDARIA </th>
<th> SUPERIOR</th>
</tr>
<tr>
<td >VIRGEN DEL CARMEN</td>
<td>&nbsp; X </td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>

<td>&nbsp;JOSE CARLOS MARIATEGUI </td>
<td>&nbsp; </td>
<td>&nbsp;X</td>
<td>&nbsp;</td>
</tr>



<tr>

<td>&nbsp;JUAN VELAZCO ALVARADO </td>
<td>&nbsp; </td>
<td>&nbsp;X</td>
<td>&nbsp;</td>
</tr>




<tr>

<td>&nbsp;HORACIO ZEVALLOS GAMEZ </td>
<td>&nbsp; </td>
<td>&nbsp;</td>
<td>&nbsp;X</td>

</tr>


<tr>

<td>&nbsp;VIRGEN DE FATIMA</td>
<td>&nbsp; X</td>
<td>&nbsp;</td>
<td>&nbsp;</td>

</tr>

<tr>
<td>&nbsp;COLCA_50484</td>
<td>&nbsp; X </td>
<td>&nbsp;</td>
<td>&nbsp;X</td>
</tr>

<tr>
<td>&nbsp;VIRGEN DEL ROSARIO </td>
<td>&nbsp; X </td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>



<br>
<img src="123.png">
</br>
</body>
</html>

jueves, 8 de septiembre de 2016

PROYECTO 08

EJERCICIO 08

ESTE ESTA ALINEADO AL CENTRO VERTICALMENTE Y A LA IZQUIERDA HORIZONTALMENTE.


<html>
<head>
<title>PROYECTO 08</title>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<th> ENCABEZADO 1</th>
<th> ENCABEZADO 2</th>
<th> ENCABEZADO 3</th>
</tr>
<tr>
<td rowspan="2" valign="middle" align="left">ESTE ESTA ALINEADO AL CENTRO VERTICALMENTE Y A LA IZQUIERDA HORIZONTALMENTE</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>



RESULTADO





miércoles, 7 de septiembre de 2016

PROYECTO 07

EJERCICIO N° 07
DESFILE DEL ANIVERSARIO DEL DISTRITO DE QUIQUIJANA CON LAS ETIQUETAS DE DERECHA E IZQUIERDA

<html>
<head>
<title>PROYECTO 07</title>
</head>
<body bgcolor="pink">
<center><h1><b>DESFILE DEL ANIVERSARIO DEL DISTRITO DE QUIQUIJANA</h1></b></center>
<br>
EN EL DISTRITO DE QUIQUIJANA DE LA PROVINCIA DE QUISPICANCHIS DEL DEPARTAMENTO DE CUSCO, ESTUVO DE ANIVERSARIO LOS DIAS 29 Y 30 DE AGOSTO. EL DIA 30 DE AGOSTO SE LLEVO ACABO EL DESFILE DE LAS INSTITUCIONES EDUCATIVAS; COMENZANDO CON LA MISA TEDEUM A LAS 9 DE LA MAÑANA, A LAS 10 DE LA MAÑANA SE LLEVO LA SECION SOLENME TENIENDO UNA DURACION DE 30 MINUTOS Y EL DESFILE COMENZO APROXIMADAMENTE 11:30 DE LA MAÑANA.
<center><p align="right">ATT. EL POBLADOR.</p></center>
EN RESUMEN EL DESFILE CIVICO POR ANIVERSARIO DE QUIQUIJANAESTUVO ENTRETENIDOPOR LO QUE LA JUVENTUD DESFILABA Y SE VIO MUY RESALTANTE LAS BANDAS DE GUERRA DE LOS COLEGIOS JOSE CARLOS MARIATEGUI Y JUAN VELAZCO ALVARADO DE HUARAYPATA.
<center><p align="right">QUIQUIJANA 10:AM. MIERCOLES 07 DE SETIEMBRE DEL 2016.</p></center>
</br>
</body>
</html>

RESULTADO


lunes, 5 de septiembre de 2016

PROYECTO 06

EJERCICIO 06


RESUMEN DE LAS BODAS DE PLATA DEL ISEP HORACIO ZEVALLOS GAMEZ


<html>
<head>
<title>PROYECTO 06</title>
</head>
<body bgcolor="orange">
<br>
<center> <b><u><h3>INSTITUTO SUPERIOR DE EDUCACION PUBLICO HORACIO ZEVALLOS GAMEZ </center></b></u></h3>
<br> <u>RESUMEN DE BODAS DE PLATA</br></u>
<br>
<i>EL INSTITUTO SUPERIOR DE EDUCACION PUBLICO HARACIO ZEVALLOS GAMEZ CUMPLIO 25 AÑOS BODAS DE PLATA EL DIA 26/08/2016, LAS ACTIVIDADES SE REALIZARON DESDE UNA SEMANA ANTES HABIENDO MUCHOS CONCURSOS ENTRE LOS CUALES LA DANZA QUE GANO FUE DE LA PROMOCION DE 6TO SEMESTRE DE COMPUTACION E INFORMATICA.</i></br>
</br>
</body>
</html>


RESULTADO




PROYECTO 05

JERCICIO 05
MUESTRA TODOS LAS ETIQUETAS QUE SON NECESARIOS PARA CODIFICAR EN HTML
.
<html>
<head>
<title></title>
</head>
<body bgcolor="orange">
<center>ESTA PALABRA VAMOS A PONER EN <b>NEGRITA</b> Y ESTA PALABRA <strong>TAMBIEN</strong></center>
<br>
ESTA PALABRA TAMBIEN VAMOS A ESCRIBIR EN <i>CURSIVA</i>Y ESTA OTRA <em>TAMBIEN</em></br>
<br>ESTE PÁRRAFO ES DE TÍTULO Y TIENE QUE SER <u>SUBRAYADO</u></br>
<br> ESTE AÑO 2016 EL <b>ISEP HORACIO ZEVALLOS GAMEZ</b> CUMPLIO 25 AÑOS DE <b><u>BODAS DE PLATA</b></u>, LOS ESTUDIANTES DE LA PROMOCION DE <b><em>COMPUTACION E INFORMATICA</b></em> ESTABAN DE CARGO EN LA EJECUCION DE LA REVISTA INSTITUCIONAL, PERO SE VE HASTA EL MOMENTO QUE SI HAY RESULTADOS. LA POBLACION ESTUDIANTIL SOLO ESPERA LA FIESTA DEL 8 DE DICIEMBRE.
<br>ATT.EL PROFESOR BRANLY</br>
<br>ESTA PALABRA ES <h1>MUY GRANDE</h1>, ESTA PALABRA ES <h3>MEDIANO</h3> Y ESTA PALABRA EN <h6>MUY PEQUEÑO</h6></br>
</body>
</html>

RESULTADO


PROYECTO 04

EJERCICIO N° 04

LAS ESPECIALIDADES DEL ISEP HORACIO ZEVALLOS GAMEZ Y LOS DOCENTES DEL ISEP.

<!DOCTYPE html>
<html>
<head>
<title>PROYECTO 04</title>
</head>
<body>
<h1><center>BIENVENIDOS A PROGRAMACION WEB</center></h1>
<br>LAS ESPECIALIDADES DEL ISEP HORACIO ZEVALLOS GAMEZ SON:</br>
<br><ol type=I>
<li>CONPUTACION E INFORMATICA</li>
<li>INDUSTRIAS ALIMENTARIAS</li>
<li>EDUCACION INICIAL</li>
<li>EDUCACION PRIMARIA</li>
</ol></br>
<br>LOS DOCENTES DEL ISEP HORACIO ZEVALLOS GAMEZ SON:</br>
<br><ul>
<li>MAURO</li>
<li>ROSMERY</li>
<li>MARLENI</li>
<li>BRANLY</li>
<li>ELENA</li>
<li>ROCIO</li>
<li>CHASKA</li>
<li>EFRAIN</li>
<li>ALFONSO</li>
<li>MARTHA</li>
<li>WALTER</li>
</body>
</html>

RESULTADO



PROYECTO 03

EJERCICIO N° 03
Las 13 provincias de cuzco
<!DOCTYPE html>
<html>
<head>
<title>PROYECTO 03</title>
</head>
<body>
<h1><center>BIENVENIDOS A PROGRAMACION WEB</center></h1>
<br>LAS  13 PROVINCIAS DE CUSCO:</br>
<br><ul type=square>
<li>CUZCO</li>
<li>ACOMAYO</li>
<li>ANTA</li>
<li>CALCA</li>
<li>CANAS</li>
<li>CANCHIS</li>
<li>CHUMBIVILCAS</li>
<li>ESPINAR</li>
<li>LA CONVENCION</li>
<li>PARURO</li>
<li>PAUCARTAMBO</li>
<li>QUISPICANCHI</li>
<li>URUBAMBA</li>
</ul></br>
</body>
</html>

RESULTADO


PROYECTO 02

EJERCICIO N°02
Muestra una lista con numeracion o viñetas, y una lista de los cursos y la lista de los alumnos asistentes del dia viernes 02 de 2016.

CODIFICACION

<!DOCTYPE html>
<html>
<head>
<title>PROYECTO 02</title>
</head>
<body>
<h1><center>BIENVENIDOS A PROGRAMACION WEB</center></h1>
<br>LA RELACION DE ASIGNATURAS DEL 6TO SEMESTRE DE COMPUTACION SON:</br>
<br><ol >
<li>APLICACIONES MOVILES</li>
<li>PROGRAMACION WEB</li>
<li>PRODUCCION AUDIO VISUAL</li>
<li>COMERCIO ELECTRONICO</li>
<li>LEGISLACION LABORAL</li>
<li>GESTION EMPRESARIAL</li>
</ol></br>
<br>LOS ALUMNOS ASISTENTES DEL DIA VIERNES 02/09/2016 SON:</br>
<br><ol>
<li>JHOEL</li>
<li>YANINA</li>
<li>LIBORIO</li>
<li>GRIMALDO</li>
<li>YENIFER</li>
<li>BLANCA</li>
<li>ISMAEL</li>
<li>JORGE</li>
<li>ESTALIN</li>
<li>ELIZABETH</li>
<li>ADELAIDA</li>
<li>RAUL</li>
<li>CARLOS</li>
<li>EBERTH</li>
</body>

</html>

RESULTADO


PROYECTO 01

EJERCICIO N° 01

Muestra un mensaje de Bienvenida y muestra una lista de los lenguajes de programacion.

CODIFICACION

<!DOCTYPE html>
<html>
<head>
<title>PROYECTO 01</title>
</head>
<body>
<h1><center>BIENVENIDOS A PROGRAMACION WEB</center></h1>
<br>LOS LENGUAJES DE PROGRAMACION A TRABAJAR SON:</br>
<br><OL>
<li>LENGUAJE DE PROGRAMACION PHP</li>
<li>LENGUAJE DE PROGRAMACION EN JAVA</li>
<li>LENGUAJE DE PROGRAMACION HTML</li>
</OL></br>
<br>LAS BASES DE DATOS A TRABAJAR SON LOS SIGUIENTES:</br>
<br><ol type=a>
<li>BASE DE DATOS SQL</li>
<li>BASE DE DATOS MySQL</li>
<li>BASE DE DATOS ACCESS</li>
</body>

</html>

RESULTADO




CONCEPTO DE HTML

DEFINICION DE CODIGOS HTML
HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

Elementos

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.