viernes, 1 de mayo de 2015

Ejemplos de HTML






EJEMPLO 1
<HTML>
<HEAD><TITLE>Ejemplo 1</TITLE></HEAD>
<BODY>
 HOLA MI NOMBRE ES NERY
</BODY>
</HTML>


EJEMPLO 2
<HTML>
<HEAD><TITLE>Ejemplo 2</TITLE></HEAD>
<BODY>
<H1 ALIGN=CENTER> Frases Famosas </h1>
<H2> Ganar no es todo , es lo unico </H2>
<H3>El secreto de andar sobre las aguas, es saber donde estan las piedras</H3>
<H4 ALIGN=RIGHT> si piensas que puedes o no puedes, siempre tienes la razón</H4>
<H5 ALIGN=RIGHT> el conocimiento es poder </H5>
<H6> Prohibido, prohibir </H6>
 Que bonitas frases
</BODY>

</HTML>


EJEMPLO 3
<HTML>
<HEAD>
<TITLE> Ejemplo 3 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><U><FONT COLOR=BLUE>FORMULAS CONOCIDAS</FONT></U></H1>
Las siguientes <I> formulas </I> son muy conocidos y <B> Peligrosas de usar </B>
Por lo tanto <U><I><B> recomendados </U></I></B> experimentarlos en un laboratorio
<5> super seguro </5> en lo profundo de la <FONT COLOR=BROWN> tierra
</FONT>
Formula del <FONT COLOR=GREEN>
H<SUB> 2 </SUB> o </FONT>
Formula de la energia una<FONT SIZE=-2> particulas </FONT>
E=MC<SUP> 2 </SUP>
</BODY>

</HTML>


EJEMPLO 4
<HTML>
<HEAD>
<TITLE> Ejemplo 4 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><U><FONT COLOR=BLUE> formulas conocidas </FONT></U></H1>
Las siguientes <I> formulas </I> son muy conocidas y <B> peligrosas de usar </B>
por lo tanto <U><I><B> recordaremos </U></I></B> experimentarlas en un laboratorio<BR>
<S> super seguro </S> en lo más profundo de la <FONT COLOR=BROWN><BR>
formula del <FONT COLOR=GREEN
SIZE+4></FONT>
H<SUB> 2 </SUB> o <BR>
formulas de la energia una <FONT SIZE=-2> particulas</FONT>
E=mc <SUP>2</SUP>
</BODY>
</HTML>



EJEMPLO 5
<HTML>
<HEAD>
<TITLE> Ejemplo 5 </TITLE>
</HEAD>
<BODY>
Linea del lado a lado <HR>
Linea en el centro del ancho de 50% <HR Width=50%>
Linea ala derecha con un ancho de 25% <HR ALIGN=RIGHT
Width=25%>
Linea ala izquierda con un ancho de 75%<HR ALIGN=LEFT
Width=75%
Linea azul ala izquierda con un ancho de 25%<HR COLOR=BLUE
ALIGN=LEFT width=25%>
Linea verde en el centro con un ancho de 50% y un espesor de 10 pixeles
<HR COLOR=GREEN WIDTH=50% SIZE=10>
Linea roja ala derecha con un ancho de 25% y un espesor
<HR COLOR=RED ALIGN=RIGHT WIDTH=25% SIZE=20>
</BODY>

</HTML>


EJEMPLO 6
<HTML>
<HEAD>
<TITLE> Ejemplo 6 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><FONT COLOR=GREEN><B><I> Pagina personal de Nery Daney Cruz Ricardo</I>
</B></FONT></H1>
<HR COLOR=BLUE WITH=80% SIZE=5></HR>
<P ALIGN=JUSTIFY> Hola, mi nombre es Rodolfo, mas conocido como pinguino
<FONT SIZE=+3> genio de los diseñadores web</FONT> Actualmente estoy de
vacaciones y la estoy
Pasando muy bien en mi misión en madagascar, que a proposito tambien es mi isla, mi tio
Mi papa me la regalo el dia de mi cumplaños. Casi todos los dias me la paso pensando
en mi yate cerca de el <FONT COLOR=RED> Triangulo de las bermudas </FONT>
Has oido hablar de el supongo que si.
<P> Despues de atardecer regreso a mi mansión y voy con mi jeep a mi habitacion donde
se encuentra mi super computadora que me costo un millod de dolares, me la compre
juntando mis propinas del mes pasado. En mi computadora tengo muchos juegos, te daré
una lista de los mas emocionantes</P>
</HTML>
</BODY>


EJEMPLO 7
<HTML>
<HEAD>
<TITLE>Ejemplo 7 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><U> Mejores Juegos</U></H1>
<OL>
<LI> AGE OF IMPERIES
<LI> BLACK Y WHITE
<LI> QUAKE 3 ARENA </OL>
<H2 ALIGN=CENTER><U> Otros juegos importantes</U></H2> <UL Type=circle>
<LI> MIDTOWN MADNESS 2
<LI> DELTA FORCE LAND WARRIORS
<LI> UNREAL TOURNAMENT </UL>
<H4> Muy pronto escribire un libro"Las aventuras de Bombo1 el Pinguino aventurero"
y tendra mas o menos los siguientes temas</H4><P><DL>
<DT> Capitulo 1: los viajes de bombo1
<DD> La fiesta de cumpleaños de bombo1
<DD> El paseo campestre de bombo1
<DD>Bombo1 en las playas de Hawai.</DD></DT>
<DT>Capitulo 2:Los juguetes de bombo1.
<DD> El auto de carreras de bombo1 </DD>
<DD>La supercomputadora de bombo1
<DD> El balero de bombo1</DT></BODY>
</BODY>
</HTML>


EJEMPLO 8
<HTML>
<HEAD>
<TITLE> Ejemplo 8 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER> Horario Escolar </H1>
<TABLE WIDTH=50% BORDER=1 ALIGN=CENTER>
<TD>Hora</TD><TD>Lunes</TD><TD>Miercoles</TD><TD>Viernes</TD>
<TR>
<TD>8-10</TD><TD>NATACION</TD><TD>NATACION</TD><TD>COMPUTACION</TD>
<TR>
<TD>10-12</TD><TD>KARATE</TD><TD>KARATE</TD><TD>NATACION</TD>
<TR>
<TD>12-14</TD><TD>INGLES</TD><TD>COMPUTACION</TD><TD>KARATE</TD>
<TR>
<TD>14-16</TD><TD>COMPUTACION</TD><TD>INGLES</TD><TD>INGLES</TD>
</TABLE>
</BODY>
</HTML>


EJEMPLO 9
<HTML>
<HEAD>
<TITLE> ejemplo 9 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>Horario Escolar</H1>
<TABLE ALIGN=CENTER BGCOLOR=YELLOW BORDER=12 BORDERCOLOR=BLUEWITH=90°>
<TD>HORA</TD><TD>Lunes</TD><TD>Miercoles</TD><TD>Viernes</TD>
<TR>
<TD>8-10</TD><TD>Natacion</TD><TD>Natacion</TD><TD>Computacion</TD>
<TR>
<TD>10-12</TD><TD>Karate</TD><TD>Karate</TD><TD>Natacion</TD>
<TR>
<TD>12-14</TD><TD>Ingles</TD><TD>Computacion</TD><TD>Karate</TD>
<TR>
<TD>14-16</TD><TD>Computacion</TD><TD>Ingles</TD><TD>Ingles</TD>
</TABLE>
</HEAD>
</HTML>


EJEMPLO 10
<HTML>
<HEAD>
<TITLE> ejemplo 10 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><FONT COLOR=GREEN>HORARIO ESCOLAR</H1></FONT>
<TABLE ALIGN=CENTER BORDER CELLPADING=10 
CELLPADING=20 BORDERCOLOR=RED>
<TD>HORA</TD><TD>LUNES</TD><TD>MIERCOLES</TD><TD>VIERNES</TD>
<TR>
<TD>8-10</TD><TD>NATACION</TD><TD>NATACION</TD><TD>COMPUTACION</TD>
<TR>
<TD>10-12</TD><TD>KARATE</TD><TD>KARATE</TD><TD>NATACION<TD>
<TR>
<TD>12-14</TD><TD>INGLES</TD><TD>COMPUTACION</TD><TD>KARATE<TD>
<TR>
<TD>14-16</TD><TD>COMPUTACION</TD><TD>INGLES </TD><TD>INGLES</TD>
</TABLE>
</BODY>
</HTML>


EJEMPLO 11
<HTML>
<HEAD>
<TITLE> Ejemplo 11 </TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW">
<H1 ALIGN=CENTER> MIS GIFS ANIMADOS </H1>
<IMG SRC="http://www.gifsanimados.org/data/media/56/computadora-y-ordenador-imagen-animada-0006.gif" ALT="LA SUPER  COMPUTADORA"=ALIGN=LEFT HEIGHT=ISO WIDTH=ISO>
<BR>
Esta es la computadora de Rodolfo donde se la pasan jugando y escribiendo apuntes para publicarlos en su pagina web <B>www.pinguino.com</B>. Si quieres bajar a tu computadora
estos gifs animados visita mi pagina y coloca el puntero sobre la imagen, luego hacaes clic en el boton derecho del mouse y finalmente haces clic en <B>Guardar como</B>
<P ALIGN=RIGHT> Esta es la pizarra de Rodolfo 
<IMG SRC="http://www.canalgif.net/Gifs-animados/Oficina/Pizarras/Imagen-animada-Pizarra-03.gif" ALT="la pizarra" ALIGN=MIDDLE WIDTH=ISO> <BR>
<CENTER><U> Otros gif animadods </u></Center></BR>
<IMG SRC="http://gifsanimados.de/img-gifsanimados.de/h/hombres-trabajando/th-hombres-trabajando.gif" ALT="trabajador" ALIGN=LEFT BORDER=3 HEIGHT=130 WIDTH=120>
<IMG SRC="http://www.gifandgif.es/gifs_animados/Perros/Gifs%20Animados%20Perros%20%2826%29.gif" ALT="CORRE FIRULAIS"  ALIGN=RIGHT HEIGHT=ISO WIDTH=80></P>
</BODY>
</HTML>


EJEMPLO 12
<HTML>
<HEAD>
<TITLE> Ejemplo 12 </TITLE>
</HEAD>
<BODY BGCOLOR "ORANGE">
<H1 ALIGN=CENTER> Mis paginas favoritas </H1>
Para obtener informacion de windows has clic en
<A HREF="www.Microsoft.com">Microsoft</A><BR>
Para bajar los apuntes de computacion has clic en 
<A HREF="http//www.lanzareda.com/el profemartos">Apuntes del profe martos</A>
<P> Para ver el ejemplo 10 has click en <A HREF=2ejemplo 10.html> Gif animados</A> </P>
<P> para obtener mas informacion de windows has clic en <A HREF="http//www.microsoft.com><IMG SRC=http://i950.photobucket.com/albums/ad343/elrinconcito/gifs/Musica/Parlantes/GIF002.gif></P>
Para bajar los apuntes de computacion has clic en
<A HREF="www.lanzadera.com/ejemplomartos>
<IMG SRC="http://gifsanimados.de/img-gifsanimados.de/e/estrellas/gifs-animados-estrellas-10.gif" ALT="Has clic para ir a la pagina del profe martos"
BORDER ALIGN=MIDDLE HEIGHT=80 WIDTH=80></A><P>
para ver el ejemplo has clic en
<A HREF="practica10.HTML"><IMG SRC="http://s3.amazonaws.com/bc.flashup.com/s3_212998_3603450_795672" ALIGN=TOP BORDER></A>
</BODY></HTML>


EJEMPLO 13
<HTML>
<HEAD>
<TITLE>Ejemplo 13</TITLE>
</HEAD>
<BODY BGCOLOR="GREEN"
<H1 ALIGN=CENTER>Envie un saludo a Rodolfo</H1> Para enviar un mensaje al profe Martos
has clic en
<A HREF=Mailito:elprofemartos@hotmail.com><elprofemartos@hotmail.com</A><BR>
Tambien puedes hacer clic en su pizarra
<A HREF=mailito:elprofemartos@hotmail.com>
<IMG SRC="http://www.canalgif.net/Gifs-animados/Oficina/Pizarras/Imagen-animada-Pizarra-01.gif" <ALIGN=MIDDLE></A><BR>
</BODY>
</HTML>


EJEMPLO 14
<HTML>
<HEAD>
<TITLE>Ejemplo 14</TITLE>
</HEAD>
<H1 ALIGN=CENTER>Baja un archivo a tu computadora</H1>
Has clilc en el<A REF="Foto.bmp">Autocorrector del profe
Martos</A><BR>

Tambien puedes hacer clic en su computadora<A REF="foto.bmp">
<IMG SRC="http://www.gifsanimados.org/data/media/56/computadora-y-ordenador-imagen-animada-0016.gif" ALIGN=MIDDLE BORDER></A><BR>
</BODY>
</HTML>


EJEMPLO 15
<HTML>
<HEAD>
<TITLE>Ejemplo 15</TITLE>
</HEAD>
<H1 ALIGN=CENTER>MUSICA EN INTERNET EXPLORER</H1>
<embed SRC="Calibre 50 - Contigo.mp3">
</BODY>
</HTML>


EJEMPLO 16
<HTML>
<HEAD>
<TITLE> Ejemplo 16 </TITLE>
</HEAD>
<H1 ALIGN=CENTER>Texto e imagen en movimientos</H1>
<MARQUEE>Hola amigos </MARQUEE>
<CENTER>
<MARQUEE WIDHT=50% BGCOLOR=YELLOW DIRECTION=RIGHT>de todo el mundo </MARQUEE>
</CENTER>
<MARQUEE SCROLLAMOUNT=10>bienvenida a mi pagina</MARQUEE>
<MARQUEE SCROLLDELAY=200>Regresa pronto</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE>No te olvides</MARQUEE>
<MARQUEE BEHAVIOR=ALTERNATE>Que siempre publicamos novedades</MARQUEE>
<MARQUEE BEHAVIOR=ALTERNATE>
<IMG SRC="http://websofnica.com/blog/wp-content/uploads/2013/11/hola.jpg" WIDHT=200 HEIGHT=200></MARQUEE>
</BODY>
</HTML>


EJEMPLO 17
<HTML>
<HEAD>
<TITLE>Ejemplo 17</TITLE>
</HEAD>
<FRAMESET COLS=28%,*,40%>
<FRAME SRC="Ejemplo1.html">
<FRAME SRC="Ejemplo2.HTML">
<FRAME SRC="Ejemplo3.HTML">
<FRAMESET>
</HTML>


EJEMPLO 18
<HTML>
<HEAD>
<TITLE> Ejemplo 18 </TITLE>
</HEAD>
<BODY BGCOLOR=YELLOW>
<H1 FONT COLOR=BLUE>
<MARQUEE> Bienvenido a los ejemplos del profe Martos </MARQUEE>
</FONT> </H1>
</BODY>
</HMTL>


EJEMPLO 19
<HTML>
<HEAD>
<TITLE>Lista</TITLE>
</HEAD>
<H4 ALIGN=CENTER>Lista de ejemplos</H4>
<A HREF=Ejemplo1.html TARGET=PRINCIPAL>EJEMPLO 1</A><BR>
<A HREF=Ejemplo2.html TARGET=PRINCIPAL>EJEMPLO 2</A><BR>
<A HREF=Ejemplo3.html TARGET=PRINCIPAL>EJEMPLO 3</A><BR>
<A HREF=Ejemplo4.html TARGET=PRINCIPAL>EJEMPLO 4</A><BR>
<A HREF=Ejemplo5.html TARGET=PRINCIPAL>EJEMPLO 5</A><BR>
<A HREF=Ejemplo6.html TARGET=PRINCIPAL>EJEMPLO 6</A><BR>
<A HREF=Ejemplo7.html TARGET=PRINCIPAL>EJEMPLO 7</A><BR>
<A HREF=Ejemplo8.html TARGET=PRINCIPAL>EJEMPLO 8</A><BR>
<A HREF=Ejemplo9.html TARGET=PRINCIPAL>EJEMPLO 9</A><BR>
<A HREF=Ejemplo10.html TARGET=PRINCIPAL>EJEMPLO 10</A><BR>
<A HREF=Ejemplo11.html TARGET=PRINCIPAL>EJEMPLO 11</A><BR>
<A HREF=Ejemplo12.html TARGET=PRINCIPAL>EJEMPLO 12</A><BR>
<A HREF=Ejemplo13.html TARGET=PRINCIPAL>EJEMPLO 13</A><BR>
<A HREF=Ejemplo14.html TARGET=PRINCIPAL>EJEMPLO 14</A><BR>
<A HREF=Ejemplo15.html TARGET=PRINCIPAL>EJEMPLO 15</A><BR>
<A HREF=Ejemplo16.html TARGET=PRINCIPAL>EJEMPLO 16</A><BR>
<A HREF=Ejemplo17.html TARGET=PRINCIPAL>EJEMPLO 17</A><BR>
<A HREF=Ejemplo18.html TARGET=PRINCIPAL>Titulo</A><BR>
<A HREF=Ejemplo19.html TARGET=PRINCIPAL>Lista</A><BR>
<A HREF=Ejemplo20.html TARGET=PRINCIPAL>Inicia</A><BR>
</BODY>
</HTML>


EJEMPLO 20
<HTML>
<HEAD>
<TITLE>Inicial</TITLE>
</HEAD>
<FRAMESET COLS=20%,*>
<FRAME SRC=Ejemplo 19.hml>
<FRAMESET ROWS=15%,*>
<FRAMESET SRC=Ejemplo 18.hml>
<FRAME NAME=PRINCIPAL>
</FRAMESET>
</HTML>

Actividad 3

Listado de comandos de HTML.



Detalle del comandoAbreCierra
Principio de Documento..<html>...</html>
Encabezado y Título<head><title>....(titulo del archivo)....</title></head>
Color de Fondo de Página<body bgcolor="#RRVVAA">----
Imagen de Fondo<body background="XXX.gif (o jpg)">----
Imagen Individual<img src="YYY.gif (o jpg)">----
Imágen (Ancho y Alto)<img src=".." width="n" height="n">-----
Espacio "libre"<img src=".." hspace="n">-----
Color del Texto (parcial)<font color="#RRVVAA"></font>
Tamaño del Texto (parcial)<font size="n"></font>
Punto y a Parte<br>-----
Linea (s) en blanco<p>-----
"As you See"<pre></pre>
Línea Embebida<hr="n">-----
Negrita*Cursiva*Subray<b> * <I> * <U></b> * </I> * </U>
Subíndice * Superíndice<sub> * <sup></sub> * </sup>
Centrado*Izquierda*Derecha<center>*<left>*<right></center>*</left>*</right>
Enlace "lejano"<a href="http://...">....</a>
Enlace "ab.html" en tu PC<a href="ab.html">....</a>
Enlace misma página<a href="#pepe">....</a>
Localiz.anterior<a name="pepe">....</a>
Enlace Correo<a herf="mailto: dir.mail...">...</a>
Arch.de Sonido<bgsound src="xx.wav"> (o .mid)-----
Desplazam. Marquesina<marquee>(texto)</marquee>

Actividad 2. Bitacora


Actividad 2. Informe


Actividad 2. Reporte




BLOQUE 2. Actividad 1

Reseña de todo lo visto de la unidad 1.
A lo largo de la Unidad 1 en la materia de soporte a distancia hemos aprendido variedad de conceptos de soporte técnico, programas que podemos usar para brindar soporte a distancia a los clientes y recordamos algunos de 2do. semestre; por ejemplo:
1.Soporte a distancia
2.Mtto. correctivo
3.Seguridad informática
4.Mtto. preventivo
5. Comunicacón en linea
6.Soporte

Tambien aprendimos los diferentes tipos de mantenimiento que se le puede brindar a una computadora, que son:
1.Mtto. preventivo
2.Mtto. correctivo
3.Mtto. predictivo
4.Mtto. pasivo
5.Mtto. de conservación
6.Mtto. de actualizacion
7.Mtto. definido
8.Mtto. programado
9.Mtto. de oportunidad

Dimos a conocer que es un software de comunicación y algunos ejemplos de ellos, como por ejemplo: correo de voz, vídeos, correo electrónico, las llamadas, hotmail, etc.
Aprendimos a como dar soporte a distancia por medio de programas de asistencia remota por videoconferencias y sin ellas. Algunos programas para brindar soporte técnico son:
1. TeamViewer
2. LogMeIn

3. UltraVNC
4. ISL Light
5. Netretina EVO


Programas de diagnostico para PC