SlideShare una empresa de Scribd logo
1 de 7
HTML




Ing. Lisseth Agüero
HTML
   (HyperText Markup Language)
   (HyperText Markup Language)


 Es el lenguaje utilizado en la Internet
para definir las páginas del WORLD WIDE
 WEB. Pueden ser escritos con cualquier
editor básico. En este fichero de texto se
introducen unas marcas o caracteres de
     control llamadas TAGs, que son
     interpretadas por el browser.


           Ing. Lisseth Agüero
HTML
(HyperText Markup Language)
(HyperText Markup Language)
HTML
     (HyperText Markup Language)
     (HyperText Markup Language)


<HTML>
  <HEAD>
    <TITLE>Título de la página</TITLE>
    ...
  </HEAD>
   <BODY>
    ...
  </BODY>
</HTML>
HTML
            (HyperText Markup Language)
            (HyperText Markup Language)


           TAGs                         Utilidad
      <ADRESS>                  Alinear a la Derecha
      </ADRESS>
          <BR>                      Salto de Línea
                               (Espacio estrecho entre líneas)

          <HR>                Dibuja líneas horizontales

<BLOCKQUOTE> </BLOCKQUOTE>       Indenta un Párrafo
HTML
              (HyperText Markup Language)
              (HyperText Markup Language)


              TAGs                               Utilidad
        <FONT >  </FONT >            En conjunto definen tipo de letra,
SIZE="+1" COLOR="red" FACE="Arial"
                                        tamaño y color a tu gusto
    <STRONG> </STRONG>                  Coloca el texto en Negrita
          <TT> </TT>                  Para escribir con una letra de
                                     paso constante (estilo teletipo)
       <BLINK> </BLINK>                Hace que el Texto Parpadee
HTML
                  (HyperText Markup Language)
                  (HyperText Markup Language)


                   TAGs                               Utilidad
              <H1>    </H1>                   Usados para Crear Títulos
 (Pueden usarse también h2, h3, h4, h5, h6)
         <P ALIGN="LEFT“> </P>             Usado para Alinear el Texto
(Se puede usar también con RIGHT Y CENTER)
                <U> </U>                       Para Subrayar el Texto
         <SUB>subíndice</SUB>                        Subíndice
        <SUP>superíndice</SUP>                      Superíndice

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Estructura para la pagina web 1 zanabria
Estructura para  la pagina web  1 zanabriaEstructura para  la pagina web  1 zanabria
Estructura para la pagina web 1 zanabria
 
Mariuxi perez
Mariuxi perezMariuxi perez
Mariuxi perez
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 
Lenguajes de internet
Lenguajes de internetLenguajes de internet
Lenguajes de internet
 
Presentacion páginas web
Presentacion páginas webPresentacion páginas web
Presentacion páginas web
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
Programacion html
Programacion htmlProgramacion html
Programacion html
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Colegio nacional nicolas esguerra edifi...
Colegio nacional nicolas esguerra                                       edifi...Colegio nacional nicolas esguerra                                       edifi...
Colegio nacional nicolas esguerra edifi...
 
Cap02 (1)
Cap02 (1)Cap02 (1)
Cap02 (1)
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Paginas web
Paginas webPaginas web
Paginas web
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
Presentación
PresentaciónPresentación
Presentación
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
HTML
HTMLHTML
HTML
 

Destacado

Testimonials Umfrage Ladies 2012
Testimonials Umfrage Ladies 2012Testimonials Umfrage Ladies 2012
Testimonials Umfrage Ladies 2012ZurStrandfigur
 
Trabajo práctico de francés
Trabajo práctico de francésTrabajo práctico de francés
Trabajo práctico de francésTomasPerez123
 
Creaciòn de una pàgina web
Creaciòn de una pàgina webCreaciòn de una pàgina web
Creaciòn de una pàgina webNilson López
 
Präsentation Digital city
Präsentation Digital city Präsentation Digital city
Präsentation Digital city dFusFruSS
 
Warum Manager Ergebnisse mögen und Personaler lieber zuhören
Warum Manager Ergebnisse mögen und Personaler lieber zuhörenWarum Manager Ergebnisse mögen und Personaler lieber zuhören
Warum Manager Ergebnisse mögen und Personaler lieber zuhörenHRpepper
 
Presentación1
Presentación1Presentación1
Presentación11121862159
 
Trabajo practico n 7 informatica
Trabajo practico n 7 informaticaTrabajo practico n 7 informatica
Trabajo practico n 7 informaticaFacundoReyes
 
TIC en profesorado de Lengua
TIC en profesorado de LenguaTIC en profesorado de Lengua
TIC en profesorado de Lenguafrealcaicedo
 
Cultura fisica
Cultura fisicaCultura fisica
Cultura fisica2raymon1
 
Fundación universitaria san martín
Fundación universitaria san martínFundación universitaria san martín
Fundación universitaria san martínhuelgosangelica
 

Destacado (20)

Playa del Cura - torrevieja
Playa del Cura - torrevieja Playa del Cura - torrevieja
Playa del Cura - torrevieja
 
Testimonials Umfrage Ladies 2012
Testimonials Umfrage Ladies 2012Testimonials Umfrage Ladies 2012
Testimonials Umfrage Ladies 2012
 
Zeledon
ZeledonZeledon
Zeledon
 
Trabajo práctico de francés
Trabajo práctico de francésTrabajo práctico de francés
Trabajo práctico de francés
 
Tendencia
TendenciaTendencia
Tendencia
 
Presentación1
Presentación1Presentación1
Presentación1
 
Creaciòn de una pàgina web
Creaciòn de una pàgina webCreaciòn de una pàgina web
Creaciòn de una pàgina web
 
Präsentation Digital city
Präsentation Digital city Präsentation Digital city
Präsentation Digital city
 
Dissertation kriegel
Dissertation kriegelDissertation kriegel
Dissertation kriegel
 
Warum Manager Ergebnisse mögen und Personaler lieber zuhören
Warum Manager Ergebnisse mögen und Personaler lieber zuhörenWarum Manager Ergebnisse mögen und Personaler lieber zuhören
Warum Manager Ergebnisse mögen und Personaler lieber zuhören
 
Calidad
CalidadCalidad
Calidad
 
Procesal penal
Procesal penalProcesal penal
Procesal penal
 
Tutorial blogger beta
Tutorial blogger betaTutorial blogger beta
Tutorial blogger beta
 
Presentación1
Presentación1Presentación1
Presentación1
 
Ghgg
GhggGhgg
Ghgg
 
Trabajo practico n 7 informatica
Trabajo practico n 7 informaticaTrabajo practico n 7 informatica
Trabajo practico n 7 informatica
 
David Trezeguet
David TrezeguetDavid Trezeguet
David Trezeguet
 
TIC en profesorado de Lengua
TIC en profesorado de LenguaTIC en profesorado de Lengua
TIC en profesorado de Lengua
 
Cultura fisica
Cultura fisicaCultura fisica
Cultura fisica
 
Fundación universitaria san martín
Fundación universitaria san martínFundación universitaria san martín
Fundación universitaria san martín
 

Similar a Clase 1 HTML (20)

Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
CONSULTA.docx
CONSULTA.docxCONSULTA.docx
CONSULTA.docx
 
IntroPaginasweb hasta HX.pptx
IntroPaginasweb hasta HX.pptxIntroPaginasweb hasta HX.pptx
IntroPaginasweb hasta HX.pptx
 
Semana 1
Semana 1Semana 1
Semana 1
 
HTML
HTMLHTML
HTML
 
Clase 1 Pagina WEB.ppt
Clase 1 Pagina WEB.pptClase 1 Pagina WEB.ppt
Clase 1 Pagina WEB.ppt
 
Html santiago
Html santiagoHtml santiago
Html santiago
 
santiaguito primero html
santiaguito primero htmlsantiaguito primero html
santiaguito primero html
 
Html santiago
Html santiagoHtml santiago
Html santiago
 
Diagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_MujicaDiagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_Mujica
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Que es html
Que es htmlQue es html
Que es html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
Html
 
DISEÑO WEB
DISEÑO  WEBDISEÑO  WEB
DISEÑO WEB
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 

Más de Lismirabal

Planificación
PlanificaciónPlanificación
PlanificaciónLismirabal
 
Presentación del software
Presentación del softwarePresentación del software
Presentación del softwareLismirabal
 
Consultar estado
Consultar estadoConsultar estado
Consultar estadoLismirabal
 
Procesar estado
Procesar estadoProcesar estado
Procesar estadoLismirabal
 
Estructura del informe
Estructura del informeEstructura del informe
Estructura del informeLismirabal
 
Diag de clases
Diag de clasesDiag de clases
Diag de clasesLismirabal
 
Estructura del primer informe
Estructura del primer informeEstructura del primer informe
Estructura del primer informeLismirabal
 
Metodología orientada a Objetos
Metodología orientada a ObjetosMetodología orientada a Objetos
Metodología orientada a ObjetosLismirabal
 
Procesamiento de datos
Procesamiento de datosProcesamiento de datos
Procesamiento de datosLismirabal
 

Más de Lismirabal (20)

Is clase1
Is clase1Is clase1
Is clase1
 
Is clase2
Is clase2Is clase2
Is clase2
 
Is clase1
Is clase1Is clase1
Is clase1
 
Planificación
PlanificaciónPlanificación
Planificación
 
Unefa
UnefaUnefa
Unefa
 
Presentación del software
Presentación del softwarePresentación del software
Presentación del software
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Reg estado
Reg estadoReg estado
Reg estado
 
Procesar
ProcesarProcesar
Procesar
 
Procesar estado
Procesar estadoProcesar estado
Procesar estado
 
Estructura del informe
Estructura del informeEstructura del informe
Estructura del informe
 
Conexion
ConexionConexion
Conexion
 
Mvc
MvcMvc
Mvc
 
Clase 2
Clase 2Clase 2
Clase 2
 
Casos de uso
Casos de usoCasos de uso
Casos de uso
 
Constructora
ConstructoraConstructora
Constructora
 
Diag de clases
Diag de clasesDiag de clases
Diag de clases
 
Estructura del primer informe
Estructura del primer informeEstructura del primer informe
Estructura del primer informe
 
Metodología orientada a Objetos
Metodología orientada a ObjetosMetodología orientada a Objetos
Metodología orientada a Objetos
 
Procesamiento de datos
Procesamiento de datosProcesamiento de datos
Procesamiento de datos
 

Último

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 

Último (20)

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 

Clase 1 HTML

  • 2. HTML (HyperText Markup Language) (HyperText Markup Language) Es el lenguaje utilizado en la Internet para definir las páginas del WORLD WIDE WEB. Pueden ser escritos con cualquier editor básico. En este fichero de texto se introducen unas marcas o caracteres de control llamadas TAGs, que son interpretadas por el browser. Ing. Lisseth Agüero
  • 4. HTML (HyperText Markup Language) (HyperText Markup Language) <HTML> <HEAD> <TITLE>Título de la página</TITLE> ... </HEAD> <BODY> ... </BODY> </HTML>
  • 5. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <ADRESS> Alinear a la Derecha </ADRESS> <BR> Salto de Línea (Espacio estrecho entre líneas) <HR> Dibuja líneas horizontales <BLOCKQUOTE> </BLOCKQUOTE>  Indenta un Párrafo
  • 6. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <FONT >  </FONT > En conjunto definen tipo de letra, SIZE="+1" COLOR="red" FACE="Arial" tamaño y color a tu gusto <STRONG> </STRONG> Coloca el texto en Negrita <TT> </TT> Para escribir con una letra de paso constante (estilo teletipo) <BLINK> </BLINK> Hace que el Texto Parpadee
  • 7. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <H1> </H1> Usados para Crear Títulos (Pueden usarse también h2, h3, h4, h5, h6) <P ALIGN="LEFT“> </P>  Usado para Alinear el Texto (Se puede usar también con RIGHT Y CENTER) <U> </U>   Para Subrayar el Texto <SUB>subíndice</SUB>   Subíndice <SUP>superíndice</SUP>   Superíndice