Pruebas y Resultados

PRUEBAS Y RESULTADOS
A continuacin se mostraran los ejemplos vistos en el desarrollo del manual bsico de HTML con sus respectivos resultados, vistos en el navegador de Ms-Explorer.
NOTA:
Debajo de cada ejemplo viene la imagen tal cual se ve en el navegador y adems de que se menciona la pgina del manual donde se puede encontrar la informacin acerca de cada uno de los ejemplos aqu mencionados.
Ejemplo 1. Crear la primer pagina Web con HTML (Pag. 6) <HTML> <HEAD> </HEAD>
<BODY> Mi primer pgina con HTML </BODY> </HTML>
Figura 2. Se muestra su primera pagina Web
Ejemplo 2. Ponerle titulo a la pagina Web (Pag. 7)
<HTML> <HEAD><TITLE> Manual bsico de HTML</TITLE></HEAD> <BODY> Mi primer pgina con HTML </BODY> </HTML>
Figura 3. Se muestra el titulo de la pgina Web definido en la cabecera
Ejemplo 3: Manera en que se deben poner los caracteres especiales utilizando el cdigo ASCII (Pag. 10) <HTML> <HEAD><TITLE> Manual bsico de HTML</TITLE></HEAD> <BODY> Mi primer página con HTML. Duerme para soñar, porque los sueños se hicieron para cumplirse. Este es un ejemplo de una página WEB. </BODY> </HTML>
Figura 5. As se ver su pagina Web.
Ejemplo 4: Este ejemplo utiliza el cdigo de colores para modificar el color de fondo y el color del texto (Pag. 13)
<HTML> <HEAD><TITLE> Manual bsico de HTML</TITLE></HEAD> <BODY BGCOLOR=#66CCFF TEXT=000000> Mi primer página con HTML. Duerme para soñar, porque los sueños se hicieron para cumplirse. Este es un ejemplo de una página WEB.
</BODY> </HTML>
Figura 8. Fondo color azul y letras negras
Ejemplo5: Se aplicaron varios formatos al texto, y se sigui conservando el color de fondo y de texto definidos en el ejemplo 4 (Pag. 16) <HTML> <HEAD><TITLE> Manual bsico de HTML</TITLE></HEAD> <BODY BGCOLOR=#66CCFF TEXT=000000>
Mi primer página con HTML.<BR>
<HR ALING=CENTER WIDTH= 50%><BR>
Duerme para soñar, porque los sueños se hicieron para cumplirse.<BR>
<HR ALING=LEFT WIDTH= 25% SIZE=5 ><BR>
Este es un ejemplo de una página WEB.<BR>
</BODY> </HTML>
Figura 10. Muestra como se ve la pagina Web del ejemplo 5
Ejemplo 6: Se crearon los tres tipos de listas, y se agregaron varios tipos de formatos al texto (pag. 20) <HTML> <HEAD><TITLE> Manual bsico de HTML</TITLE></HEAD> <BODY> <CENTER><H1>Comandos básicos</H1></CENTER>  <H2>Párrafos</H2> <P> Este es mi primer parrafo del ejemplo 5</P> <P> Este es mi Segundo prrafo. Aqu hay una ruptura de lnea <BR> de texto</P>  <HR> <H2> <B>Listas</B></H2> <H3><I>Ordenadas</I></H3> <P> La <FONT SIZE=+1> <I> msica </I></FONT> que ms te gusta es <I> (en orden de preferencia): </I></P> <OL> <LI>El POP</LI> <LI>El ROCK  <LI> La msica CLASICA </OL> <H3><I>Desordenadas</I></H3> <P>Sin un orden particular, mis <FONT COLOR=GREEN><B> deportes </B></FONT> favoritos son los siguientes:</P> <UL> <LI>Básquetbol <LI>Futbol <LI>Natacin <LI>Voleibol </UL> <H2><I>De definicin</I></H2> <DL> <DT>Descripcin</DT> <DD>Es nombrar las propiedades de algo <DT>Lista descriptiva</DT> <DD>Es nombrar las propiedades de varios objetos </DL>
<HR> <CENTER> También sabemos centrar el texto</CENTER> <PRE> y escribir pre formateado</PRE>
<BLINK> y a escribir texto parpadeante</BLINK> <HR> </BODY> </HTML> En la figura 14 se muestra el resultado final del ejemplo 6
Figura 5. Manera como ver el usuario final el Ejemplo 6
Ejemplo 7. Se aplic la inclusion de imagens en una pagina Web con distintos formatos y atributos (Pag. 26). <html> <head> <title>Manual de HTML</title> </head> <body bgcolor="#C0D9D9" text="#000000" background="F:\Investigacion\Practicas\paisaje-estupendo.gif"> <center><h1> Bienvenidos al curso de HTML</h1></center><br> <hr width=50%><br> <h2>Información General</h2> Este curso muestra los conceptos básicos del uso de etiquetas e instrucciones en la elaboración de documentos <b><i><font color="#000080">HTML</font></i></b>.<br><br> <center><img src="F:\Investigacion\Practicas\Happy.gif" alt="Foto feliz"></center> <br> Es muy importante saber ubicar los gráficos y combinar de buena manera los colores para brindar una buena imagen <b><i><font color="red">:)</font></i></b>.<br><br> Una página WEB es muy importante, pues provee a nuestro trabajo una ventana al mundo.<br> </body> </html> border="1"
Figura 18. Resultado del ejemplo 7
Ejemplo 8: Se le agrega una tabla con diferentes caractersticas al ejemplo 7 (Pag. 31) <html> <head> <title>Manual de HTML</title> </head> <body bgcolor="#C0D9D9" text="#000000" background="F:\Investigacion\Practicas\paisaje-estupendo.gif"> <center><h1> Bienvenidos al curso de HTML</h1></center><br> <hr width=50%><br> <h2>Información General</h2> Este curso muestra los conceptos básicos del uso de etiquetas e instrucciones en la elaboración de documentos <b><i><font color="#000080">HTML</font></i></b>.<br><br> <center><img src="F:\Investigacion\Practicas\Happy.gif" alt="Foto feliz"></center> <br> Es muy importante saber ubicar los gráficos y combinar de buena manera los colores para brindar una buena imagen <b><i><font color="red">:)</font></i></b>.<br><br> Una página WEB es muy importante, pues provee a nuestro trabajo una ventana al mundo.<br> <br><center> <table width=80% align=center border=3> <tr><th colspan=3>Directorio Telefónico</th></tr> <tr align=center> <td width=40% bgcolor="#C0C0C0"> Nombre </td> <td width=30% bgcolor="#C0C0C0"> border="1"
Telfono </td> <td width=30% bgcolor="#C0C0C0"> E-Mail </td> </tr> <tr> <td> José Rodríguez </td> <td> 223454 </td> <td>jose@prueba.com.bo</td> </tr> <tr> <td> Carolina Nuñez </td> <td> 453444 </td> <td>carolina@prueba.com.bo</td> </tr> </table> <br></center> </body> </html>
Figura 19. Muestra solo la tabla que se incrust en la pagina conservando las otras caractersticas que se realizaron en el ejemplo 7
Ejemplo 9. Pagina con enlaces locales (Pag. 33) <HTML> <HEAD><TITLE> Enlaces locales</TITLE></HEAD> <BODY> <H2> Enlaces locales</H2> <H3><A NAME= INDICE> Indices </A></H3> <UL> <LI><A HREF = #uno> Seccin uno </A> <LI><A HREF = #dos> Seccin dos </A> <LI><A HREF = #tres> Seccin tres </A> <LI><A HREF = #cuatro> Seccin cuatro </A> <LI><A HREF = #cinco> Seccin cinco </A> </UL> <H3> <A NAME = uno> Seccin uno </A></H3> <P> Esta es la seccin 1 de la página de enlaces locales </P> <P> Click aqu para <A HREF = #INDICE> volver al ndice </A> <H3> <A NAME = dos> Seccin dos </A></H3> <P> Esta es la seccin 2 de la página de enlaces locales </P> <P> Clic aqu para <A HREF = #INDICE> volver al ndice </A> <H3> <A NAME = tres> Seccin tres </A></H3> <P> Esta es la seccin 3 de la página de enlaces locales </P> <P> Clic aqu para <A HREF = #INDICE> volver al ndice </A> <H3> <A NAME = cuatro> Seccin cuatro </A></H3> <P> Esta es la seccin 4 de la página de enlaces locales </P> <P> Clic aqu para <A HREF = #INDICE> volver al ndice </A> <H3> <A NAME = cinco> Seccin cinco </A></H3> <P> Esta es la seccin 5 de la página de enlaces locales </P> <P> Clic aqu para <A HREF = #INDICE> volver al ndice </A> </BODY> </HTML>
Figura 20. Muestra como se ver el navegador con el cdigo del ejemplo 9
Ejemplo 10: Enlaces a otras pginas (Pag. 35) <HTML> <HEAD><TITLE> Enlaces a otras páginas </TITLLE></HEAD> <BODY> <H1> Enlaces a otras páginas</H1> <H2> Referencias relativas </H2> <P> Se pueden referenciar, por ejemplo a un archivo localizado en el mismo directorio, como ejemplo, al <A href = ejemplo1.html> ejemplo numero 1 </A>. Tambin a un archivo localizado en otro directorio, por ejemplo, este <A HREF = /manual.html> Manual bsico de HTML </A></P> <H2> Referencias absolutas</H2> <H3> Algunos servicios encontrados en la WWW</H3> <P> El buscador ms reconocido <A HREF =
http://www.google.com.mx> Google </A> que permite a cualquier usuario encontrar cualquier cosa en la web. </P> <P> Para estar informado de los acontecimientos mundiales diariamente, se puede acceder al servicio <A HREF = http://www.cnn.com/>CNN </A>. Y para los amantes de la msica se encuentra el servidor oficial de la <A HREF = http://mtv.com/> MTV </A></P> </BODY>
</HTML>
Figura 21. Resultado del ejemplo 10
Ejemplo 11. Enlaces a otras zonas de otras pginas (Pag. 37) <HTML> <HEAD><TITLE> Enlaces a zonas de otras pginas</TITLE> </HEAD> <BODY> <H1> Enlaces a zonas de otras páginas</H1> <P> Enlazamos a la <A HREF = ejemplo 8.html # uno> la seccin 1 del ejemplo 8</A>.</P> <P> Enlazamos a la <A HREF = ejemplo 8.html # tres> la seccin 3 del ejemplo 8</A>.</P> </BODY> </HTML>
Figura 22. Vista en el navegador del ejemplo 11
Ejemplo 12. Se muestra un texto que va movindose de derecha a izquierda (Pag. 40) <HTML> <HEAD><TITLE> Marquesinas</TITLE> </HEAD> <BODY> <MARQUEE bgcolor = "#FFFFFF" width = 50% scrolldelay = 0 > Manual Bsico de HTML. </MARQUEE> </BODY> </HTML>
Figura 24. El texto comienza a desplazarse de derecha a izquierda
Ejemplo 13. Uso de Frames <HTML> <HEAD> <TITLE>Pgina con Marcos</TITLE></HEAD> <FRAMESET cols = "15%,*">  <FRAMESET rows = "35%,*">  <FRAME name = "rotulo" src = "titulo.htm" scrolling = "auto">  <FRAME name = "menu" src = "menu1.htm" scrolling = "auto">  </FRAMESET>  <FRAME = "auto"> name = "principal" src = "primera.htm" scrolling
 <NOFRAMES>  SU VISOR NO MUESTRA MARCOS. Pulse <A href= "primera.htm"> AQUI </A> para ir a la pgina principal sin Marcos. </NOFRAMES>
</FRAMESET>  </HTMl>

Pruebas y Resultados

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Pruebas y Resultados

Transféré par

Droits d'auteur :

Formats disponibles

PRUEBAS Y RESULTADOS

<BODY> Mi primer pgina con HTML </BODY> </HTML>

Figura 2. Se muestra su primera pagina Web

Ejemplo 2. Ponerle titulo a la pagina Web (Pag. 7)

Figura 3. Se muestra el titulo de la pgina Web definido en la cabecera

Figura 5. As se ver su pagina Web.

Figura 8. Fondo color azul y letras negras

Mi primer página con HTML.<BR>

<HR ALING=CENTER WIDTH= 50%><BR>

Duerme para soñar, porque los sueños se hicieron para cumplirse.<BR>

<HR ALING=LEFT WIDTH= 25% SIZE=5 ><BR>

Este es un ejemplo de una página WEB.<BR>

Figura 10. Muestra como se ve la pagina Web del ejemplo 5

Figura 5. Manera como ver el usuario final el Ejemplo 6

Figura 18. Resultado del ejemplo 7

Figura 21. Resultado del ejemplo 10

Figura 22. Vista en el navegador del ejemplo 11

Figura 24. El texto comienza a desplazarse de derecha a izquierda

</FRAMESET>  </HTMl>

Vous aimerez peut-être aussi

Pruebas y Resultados

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Pruebas y Resultados

Transféré par

Droits d'auteur :

Formats disponibles

PRUEBAS Y RESULTADOS

<BODY> Mi primer pgina con HTML </BODY> </HTML>

Figura 2. Se muestra su primera pagina Web

Ejemplo 2. Ponerle titulo a la pagina Web (Pag. 7)

Figura 3. Se muestra el titulo de la pgina Web definido en la cabecera

Figura 5. As se ver su pagina Web.

Figura 8. Fondo color azul y letras negras

Mi primer p&aacute;gina con HTML.<BR>

<HR ALING=CENTER WIDTH= 50%><BR>

Duerme para so&ntilde;ar, porque los sue&ntilde;os se hicieron para cumplirse.<BR>

<HR ALING=LEFT WIDTH= 25% SIZE=5 ><BR>

Este es un ejemplo de una p&aacute;gina WEB.<BR>

Figura 10. Muestra como se ve la pagina Web del ejemplo 5

Figura 5. Manera como ver el usuario final el Ejemplo 6

Figura 18. Resultado del ejemplo 7

Figura 21. Resultado del ejemplo 10

Figura 22. Vista en el navegador del ejemplo 11

Figura 24. El texto comienza a desplazarse de derecha a izquierda

</FRAMESET>  </HTMl>

Vous aimerez peut-être aussi

Mi primer página con HTML.<BR>

Duerme para soñar, porque los sueños se hicieron para cumplirse.<BR>

Este es un ejemplo de una página WEB.<BR>