DOCUMENTO HTML
     LA FUNCION DEL HTML ES SER INDEPENDIENTE




El HTML es un lenguaje que define características físicas y
estructurales de un documento(tipo de letra, ubicación de un
párrafo o frase, el lugar que será activo para la conexión
con otro documento.)
 ESTRUCTURA DE PAGINAS DE HTML

<HTML>     Inicio de la página web

<HEAD>     Encabezado

<TITLE>    Titulo de la ventana
<META>     Subir al internet
</TITLE>   Cierre de Titulo

</HEAD>    Cierre del encabezado

<BODY>     Cuerpo del Documento

</BODY>    Cierre del cuerpo del documento

</HTML>    Finaliza el documento de HTML
Obviamente no voy a explicar lo que entra dentro del cuerpo, sino los
parámetros que admite la etiqueta




                 Dentro del <body> podemos colocar videos, sonidos,
                 diapositivas, banner, imágenes como tenemos a
                 continuación.
SONIDO, VIDEO, IMAGEN, BANNER, DIAPOSITIVA


SONIDO           <BGSOUND SRC=Te Dejo En Libertad.mp3>
                 <iframe width="560" height="315"
VIDEO            src="http://www.youtube.com/embed/BmJ7MIZZRU4"
                 frameborder="0" allowfullscreen></iframe>
IMAGEN           <IMG src ="images.jpg" width="470" height="370"></center>
                 <script
BANNER           src="http://h1.flashvortex.com/display.php?id=2_1348181304_31273_3
                 14_0_468_60_8_1_70" type="text/javascript"></script>
                 <iframe
                 src="http://www.slideshare.net/slideshow/embed_code/14344708"
DIAPOSITIVA      width="427" height="356" frameborder="0" marginwidth="0"
                 marginheight="0" scrolling="no" style="border:1px solid #CCC;border-
                 width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
DIRECTIVA    TIPO          FUNCION

  <BR>      Abierta     Salto de línea

<CENTER>    Cerrada        Centrado

  <P>       Cerrada    Elabora Párrafos

  <B>       Cerrada         Negrita

   <I>      Cerrada         Cursiva

  <U>       Cerrada       Subrayado

  <S>       Cerrada        Tachado

<MARQUEE>   Cerrada      Movimiento

<P ALIGN>   Cerrada   Justificar, Derecha,
                            Izquierda
 6 FORMATOS DE LETRAS MAS COMUNES

       ETIQUETA          RESULTADO
  <H1> … </H1>     LETRA DE NIVEL 1
  <H2> … </H2>     LETRA DE NIVEL 2
  <H3> … </H3>     LETRA DE NIVEL 3
  <H4> … </H4>     LETRA DE NIVEL 4
  <H5> … </H5>     LETRA DE NIVEL 5
  <H6> … </H6>     LETRA DE NIVEL 6
Lo ideal cuando trabajas con texto sería poder cambiarlo al tamaño que te
viniese bien, ponerlo en colores y cambiar el tipo de letra. Todo esto puedes
hacerlo gracias a la etiqueta <FONT>.


        Cambio de color
       Para hacerlo vamos a utilizar el parámetro COLOR. La manera
       más fácil de especificarle el color es común en todas las
       etiquetas HTML: o bien indicando el nombre, si es un color
       normal, o bien especificando el porcentaje de rojo, verde y
       azul (código RGB) del mismo.




                                   El modo de indicar el color RGB es el siguiente:
                                   <FONT COLOR="#FF0000">D</FONT>
 Tamaños del texto
           El parámetro utilizado para indicar el tamaño es SIZE. Puede
           utilizarse para indicar tamaños absolutos:




                              <FONT SIZE=2>Tamaño 2</FONT>


 Tipo de letra
Por último, podemos especificar el nombre del tipo de letra que queremos
utilizar gracias al parámetro FACE. Como en principio no tenemos manera
de saber que tipo de letra tiene instalado la computadora del usuario que
está viendo nuestras páginas, podemos indicar más de uno separado por
comas.
            <FONT FACE="Helvetica, Arial, Times"> RUM </FONT>
 Desordenadas
    La etiqueta <UL> nos permite presentar listas de elementos sin
    orden alguno. Cada elemento de la lista irá normalmente
    precedido por un círculo (bullets). Por ejemplo,

    <UL>
    <LI>Primer elemento
    <LI>Segundo elemento
    </UL>



 Ordenadas por números
La etiqueta <OL> nos permite presentar listas de elementos ordenados de
menor a mayor. Normalmente cada elemento de la lista irá precedido por su
número en el orden. Por ejemplo,
                                       <OL>
                                       <LI>Primer elemento
                                       <LI>Segundo elemento
                                       </OL>

HTML

  • 2.
    DOCUMENTO HTML LA FUNCION DEL HTML ES SER INDEPENDIENTE El HTML es un lenguaje que define características físicas y estructurales de un documento(tipo de letra, ubicación de un párrafo o frase, el lugar que será activo para la conexión con otro documento.)
  • 3.
     ESTRUCTURA DEPAGINAS DE HTML <HTML> Inicio de la página web <HEAD> Encabezado <TITLE> Titulo de la ventana <META> Subir al internet </TITLE> Cierre de Titulo </HEAD> Cierre del encabezado <BODY> Cuerpo del Documento </BODY> Cierre del cuerpo del documento </HTML> Finaliza el documento de HTML
  • 4.
    Obviamente no voya explicar lo que entra dentro del cuerpo, sino los parámetros que admite la etiqueta Dentro del <body> podemos colocar videos, sonidos, diapositivas, banner, imágenes como tenemos a continuación.
  • 5.
    SONIDO, VIDEO, IMAGEN,BANNER, DIAPOSITIVA SONIDO <BGSOUND SRC=Te Dejo En Libertad.mp3> <iframe width="560" height="315" VIDEO src="http://www.youtube.com/embed/BmJ7MIZZRU4" frameborder="0" allowfullscreen></iframe> IMAGEN <IMG src ="images.jpg" width="470" height="370"></center> <script BANNER src="http://h1.flashvortex.com/display.php?id=2_1348181304_31273_3 14_0_468_60_8_1_70" type="text/javascript"></script> <iframe src="http://www.slideshare.net/slideshow/embed_code/14344708" DIAPOSITIVA width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border- width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
  • 6.
    DIRECTIVA TIPO FUNCION <BR> Abierta Salto de línea <CENTER> Cerrada Centrado <P> Cerrada Elabora Párrafos <B> Cerrada Negrita <I> Cerrada Cursiva <U> Cerrada Subrayado <S> Cerrada Tachado <MARQUEE> Cerrada Movimiento <P ALIGN> Cerrada Justificar, Derecha, Izquierda
  • 7.
     6 FORMATOSDE LETRAS MAS COMUNES ETIQUETA RESULTADO <H1> … </H1> LETRA DE NIVEL 1 <H2> … </H2> LETRA DE NIVEL 2 <H3> … </H3> LETRA DE NIVEL 3 <H4> … </H4> LETRA DE NIVEL 4 <H5> … </H5> LETRA DE NIVEL 5 <H6> … </H6> LETRA DE NIVEL 6
  • 8.
    Lo ideal cuandotrabajas con texto sería poder cambiarlo al tamaño que te viniese bien, ponerlo en colores y cambiar el tipo de letra. Todo esto puedes hacerlo gracias a la etiqueta <FONT>.  Cambio de color Para hacerlo vamos a utilizar el parámetro COLOR. La manera más fácil de especificarle el color es común en todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando el porcentaje de rojo, verde y azul (código RGB) del mismo. El modo de indicar el color RGB es el siguiente: <FONT COLOR="#FF0000">D</FONT>
  • 9.
     Tamaños deltexto El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos: <FONT SIZE=2>Tamaño 2</FONT>  Tipo de letra Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro FACE. Como en principio no tenemos manera de saber que tipo de letra tiene instalado la computadora del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. <FONT FACE="Helvetica, Arial, Times"> RUM </FONT>
  • 10.
     Desordenadas La etiqueta <UL> nos permite presentar listas de elementos sin orden alguno. Cada elemento de la lista irá normalmente precedido por un círculo (bullets). Por ejemplo, <UL> <LI>Primer elemento <LI>Segundo elemento </UL>  Ordenadas por números La etiqueta <OL> nos permite presentar listas de elementos ordenados de menor a mayor. Normalmente cada elemento de la lista irá precedido por su número en el orden. Por ejemplo, <OL> <LI>Primer elemento <LI>Segundo elemento </OL>