PROGRAMACIÓN EN
     HTML
          Autor:
Caguana Caguana Henry Pablo
HTML Hace referencia al lenguaje de
   marcado predominante para la
 elaboración de páginas web que se
  utiliza para describir y traducir la
    estructura y la información en
    forma de texto, así como para
 complementar el texto con objetos
         tales como imágenes
Se debe abrir un
            nuevo documento




Bloc de notas
En el momento de guardar.
Se le debe asignar un nombre y al final
    escribir la extensión “.HTML”
En HTML existen comandos
  básicos que deben cerrarse al
    final de la programación.
Ejemplo:
<HTML>
<HEAD>
                               Forma general de Cerrar
<TILTE>
                             Ejemplo:
                             </TITLE>
                             </HEAD>
                             </HTML>
                             Se aumenta un / al inicio
                                   del comando
ESTRUCTURA BÁSICA PARA
     PROGRAMAR EN HTML
<HTML>             Iniciamos la Programación

<HEAD>             Detalla el Encabezado de la pagina

<TITLE>            Permite Insertar Títulos de pestañas

CUALQUIER TITULO   Escribimos cualquier titulo sin <> ni “ ”

</TITLE>           Cerramos el titulo de pestaña

</HEAD>            Cerramos el detalle de la pagina

</HTML>            Terminamos la Programación
COMANDO DE HTML
  Comando        Tipo                   Aplicación
  <BODY>       CERRADO           Procesos de programación
<FONT COLOR>   CERRADO             Cambia color de letra
<FONT ZICE>    CERRADO            Cambia tamaño de letra
<FONT FACE>    CERRADO            Cambia el tipo de letra
      <OL>     CERRADO             Crea listas numeradas
      <UL>     CERRADO            Crea listas con viñetas
      <LI>     ABIERTO         Coloca la viñeta especificada
 <CENTER>      CERRADO           Centra títulos o imágenes
 <P   ALING>   CEARRADO            Dirección de párrafo
      <HR>     ABIERTO        Crea líneas al final de lo escrito
      <BR>     ABIERTO                 Salto de línea
 <IMG SRC>     ABIERTO               Inserta imágenes
 <MARQUEE>     CERRADO    Permite movimiento en imágenes o letras
  <META>       ABIERTO        Información sobre la pagina web
<html>
<head>
<title>
                                 EJEMPLO
Prueba
</title>
</head>
<body>
    <FONT SIZE=60><FONT FACE=ARIAL><FONT COLOR=RED><marquee>
    prueba</marquee></FONT></FONT></FONT><HR>
    <img src=“fondo2.jpg”>
    <CENTER><ol type= I >
           <li>capitulo
           <li>capitulo
           <li>capitulo</FONT>
           </ol>
    <marquee> prueba</marquee></CENTER>
</body>
</html>
COMANDO DE HTML
     Comando          Tipo           Aplicación
       <P>          CERRADO       Elabora párrafos
       <B>          CERRADO            Negrita
       <I>          CERRADO            Cursiva
       <U>          CERRADO          Subrayado
       <S>          CERRADO             Tacha
<BODY BACKGROUND>   CERRADO       Imagen de fondo
 <BODY BGCOLOR>     CERRADO        Color de fondo
     <TABLE>        CERRADO        Inicio de Tablas
       <TR>         CERRADO         Inicio de fila
      <TD>          CERRADO      Creación de celdas
  <TABLE BORDER>    CERRADO   Visualiza bordes de tabla
 <BORDERCOLOR>      CERRADO   Color de borde de la tabla
<HTML>
<HEAD>
<TITLE>
TABLA
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=5>
<TR>
   <TD>NOMBRE</TD>
   <TD>CURSO</TD>
                         EJEMPLO
</TR>
<TR>
   <TD>FECHA</TD>
   <TD>03/10/2012</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Programación basica en html

  • 1.
    PROGRAMACIÓN EN HTML Autor: Caguana Caguana Henry Pablo
  • 2.
    HTML Hace referenciaal lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes
  • 3.
    Se debe abrirun nuevo documento Bloc de notas
  • 4.
    En el momentode guardar. Se le debe asignar un nombre y al final escribir la extensión “.HTML”
  • 5.
    En HTML existencomandos básicos que deben cerrarse al final de la programación. Ejemplo: <HTML> <HEAD> Forma general de Cerrar <TILTE> Ejemplo: </TITLE> </HEAD> </HTML> Se aumenta un / al inicio del comando
  • 6.
    ESTRUCTURA BÁSICA PARA PROGRAMAR EN HTML <HTML> Iniciamos la Programación <HEAD> Detalla el Encabezado de la pagina <TITLE> Permite Insertar Títulos de pestañas CUALQUIER TITULO Escribimos cualquier titulo sin <> ni “ ” </TITLE> Cerramos el titulo de pestaña </HEAD> Cerramos el detalle de la pagina </HTML> Terminamos la Programación
  • 7.
    COMANDO DE HTML Comando Tipo Aplicación <BODY> CERRADO Procesos de programación <FONT COLOR> CERRADO Cambia color de letra <FONT ZICE> CERRADO Cambia tamaño de letra <FONT FACE> CERRADO Cambia el tipo de letra <OL> CERRADO Crea listas numeradas <UL> CERRADO Crea listas con viñetas <LI> ABIERTO Coloca la viñeta especificada <CENTER> CERRADO Centra títulos o imágenes <P ALING> CEARRADO Dirección de párrafo <HR> ABIERTO Crea líneas al final de lo escrito <BR> ABIERTO Salto de línea <IMG SRC> ABIERTO Inserta imágenes <MARQUEE> CERRADO Permite movimiento en imágenes o letras <META> ABIERTO Información sobre la pagina web
  • 8.
    <html> <head> <title> EJEMPLO Prueba </title> </head> <body> <FONT SIZE=60><FONT FACE=ARIAL><FONT COLOR=RED><marquee> prueba</marquee></FONT></FONT></FONT><HR> <img src=“fondo2.jpg”> <CENTER><ol type= I > <li>capitulo <li>capitulo <li>capitulo</FONT> </ol> <marquee> prueba</marquee></CENTER> </body> </html>
  • 9.
    COMANDO DE HTML Comando Tipo Aplicación <P> CERRADO Elabora párrafos <B> CERRADO Negrita <I> CERRADO Cursiva <U> CERRADO Subrayado <S> CERRADO Tacha <BODY BACKGROUND> CERRADO Imagen de fondo <BODY BGCOLOR> CERRADO Color de fondo <TABLE> CERRADO Inicio de Tablas <TR> CERRADO Inicio de fila <TD> CERRADO Creación de celdas <TABLE BORDER> CERRADO Visualiza bordes de tabla <BORDERCOLOR> CERRADO Color de borde de la tabla
  • 10.
    <HTML> <HEAD> <TITLE> TABLA </TITLE> </HEAD> <BODY> <TABLE BORDER=5> <TR> <TD>NOMBRE</TD> <TD>CURSO</TD> EJEMPLO </TR> <TR> <TD>FECHA</TD> <TD>03/10/2012</TD> </TR> </TABLE> </BODY> </HTML>