SlideShare una empresa de Scribd logo
1 de 10
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>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Xml
XmlXml
Xml
 
Formatting tags
Formatting tagsFormatting tags
Formatting tags
 
DTD
DTDDTD
DTD
 
virtual hosting and configuration
virtual hosting and configurationvirtual hosting and configuration
virtual hosting and configuration
 
Presentation on Domain Name System
Presentation on Domain Name SystemPresentation on Domain Name System
Presentation on Domain Name System
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Apache ppt
Apache pptApache ppt
Apache ppt
 
Interagindo com web services RPC, SOAP e REST utilizando PHP
Interagindo com web services RPC, SOAP e REST utilizando PHPInteragindo com web services RPC, SOAP e REST utilizando PHP
Interagindo com web services RPC, SOAP e REST utilizando PHP
 
Introduction to PHP
Introduction to PHPIntroduction to PHP
Introduction to PHP
 
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptIntroduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
 
JavaScript Arrays
JavaScript Arrays JavaScript Arrays
JavaScript Arrays
 
The Ldap Protocol
The Ldap ProtocolThe Ldap Protocol
The Ldap Protocol
 
XML - Introducción
XML - IntroducciónXML - Introducción
XML - Introducción
 
[OSSParis 2015] The OpenID Connect Protocol
[OSSParis 2015] The OpenID Connect Protocol[OSSParis 2015] The OpenID Connect Protocol
[OSSParis 2015] The OpenID Connect Protocol
 
OAuth 2.0 Security Reinforced
OAuth 2.0 Security ReinforcedOAuth 2.0 Security Reinforced
OAuth 2.0 Security Reinforced
 
CSS Selectors
CSS SelectorsCSS Selectors
CSS Selectors
 
Permisos en Linux
Permisos en LinuxPermisos en Linux
Permisos en Linux
 
Html ppt
Html pptHtml ppt
Html ppt
 
Javascript dom
Javascript domJavascript dom
Javascript dom
 
Introduction to HTTP
Introduction to HTTPIntroduction to HTTP
Introduction to HTTP
 

Similar a Programación basica en html

presentacion html
presentacion htmlpresentacion html
presentacion html
javier
 

Similar a Programación basica en html (20)

Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
presentacion html
presentacion htmlpresentacion html
presentacion html
 
GUIA DE HTML
GUIA DE HTMLGUIA DE HTML
GUIA DE HTML
 
Deber vero
Deber veroDeber vero
Deber vero
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
Html
HtmlHtml
Html
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
HTML
HTMLHTML
HTML
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
1 pagina web
1 pagina web1 pagina web
1 pagina web
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 

Último

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
EduardoJosVargasCama1
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 

Último (20)

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

Programación basica en html

  • 1. PROGRAMACIÓN EN HTML Autor: Caguana Caguana Henry Pablo
  • 2. 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
  • 3. Se debe abrir un nuevo documento Bloc de notas
  • 4. En el momento de guardar. Se le debe asignar un nombre y al final escribir la extensión “.HTML”
  • 5. 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
  • 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>