SlideShare una empresa de Scribd logo
1 de 34
“El lenguaje de las páginas web”
   HTML es el acrónimo de
    HiperText Markup Language
    (Lenguaje de marcado de
    hipertexto) es el lenguaje que se
    utiliza para crear las páginas
    web. Este lenguaje indica a los
    navegadores cómo deben
    mostrar el contenido de una
    página web. Básicamente sirve
    para definir textos y otros
    elementos que compondrán las
    mismas.
   Sirve para crear páginas web,
    describir su estructura y su
    contenido en forma de texto,
    así como para complementar
    textos con imágenes. En HTML
    debe escribirse con «etiquetas»
    con corchetes (<, >). También
    puede incluir script y se debe
    conocer este lenguaje, o por lo
    menos los códigos básicos.
   Inicio en 1991, donde fue conocido con el
    nombre de HTML Tags.
   Inicio en 1991, donde fue conocido con el
    nombre de HTML Tags.
   La segunda versión fue conocida como HTML
    2.0 el 22 de septiembre de 1995.
   Inicio en 1991, donde fue conocido con el
    nombre de HTML Tags.
   La segunda versión fue conocida como HTML
    2.0 el 22 de septiembre de 1995.
   Posteriormente el 14 de enero de 1997 se
    publicó HTML 3.2.
   Inicio en 1991, donde fue conocido con el
    nombre de HTML Tags.
   La segunda versión fue conocida como HTML
    2.0 el 22 de septiembre de 1995.
   Posteriormente el 14 de enero de 1997 se
    publicó HTML 3.2.
   HTML 4.0 se hizo publico el 24 de abril de
    1998.
   Inicio en 1991, donde fue conocido con el
    nombre de HTML Tags.
   La segunda versión fue conocida como HTML
    2.0 el 22 de septiembre de 1995.
   Posteriormente el 14 de enero de 1997 se
    publicó HTML 3.2.
   HTML 4.0 se hizo publico el 24 de abril de
    1998.
   El 24 de diciembre de 1999 se conoció HTML
    4.01.
   Inicio en 1991, donde fue conocido con el nombre
    de HTML Tags.
   La segunda versión fue conocida como HTML 2.0
    el 22 de septiembre de 1995.
   Posteriormente el 14 de enero de 1997 se publicó
    HTML 3.2.
   HTML 4.0 se hizo publico el 24 de abril de 1998.
   El 24 de diciembre de 1999 se conoció HTML 4.01.
   El actual HTML 5.0 se dio en marzo de 2007,
    conocida también como XHTML y WHATWG.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <script>: permite incrustar el script en la web.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <script>: permite incrustar el script en la web.
   <head>: define la cabecera del documento
    HTML.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <script>: permite incrustar el script en la web.
   <head>: define la cabecera del documento
    HTML.
   <title>: define el titulo de la página.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <script>: permite incrustar el script en la web.
   <head>: define la cabecera del documento
    HTML.
   <title>: define el titulo de la página.
   <link>: para vincular el sitio a hojas de estilo o
    iconos.
   <html>: le indica al navegador que´debe
    interpretar el texto en formato HTML.
   <script>: permite incrustar el script en la web.
   <head>: define la cabecera del documento
    HTML.
   <title>: define el titulo de la página.
   <link>: para vincular el sitio a hojas de estilo o
    iconos.
   <style>: para definir el estilo de la página.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <body>: define el contenido principal del
    documento.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <body>: define el contenido principal del
    documento.
   <h1> - <h6>: encabezados del documento.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <body>: define el contenido principal del
    documento.
   <h1> - <h6>: encabezados del documento.
   <table>: define una tabla.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <body>: define el contenido principal del
    documento.
   <h1> - <h6>: encabezados del documento.
   <table>: define una tabla.
   <tr>: fila de una tabla.
   <meta>: para „metadatos‟ como lo es una
    licencia o una autoría.
   <body>: define el contenido principal del
    documento.
   <h1> - <h6>: encabezados del documento.
   <table>: define una tabla.
   <tr>: fila de una tabla.
   <td>: celda de una tabla.
   <a>: enlace dentro o fuera del sitio web.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <li><ol><ul>: etiquetas para listas.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <li><ol><ul>: etiquetas para listas.
   <b>: texto en negrita.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <li><ol><ul>: etiquetas para listas.
   <b>: texto en negrita.
   <i>: texto en cursiva.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <li><ol><ul>: etiquetas para listas.
   <b>: texto en negrita.
   <i>: texto en cursiva.
   <s>: texto tachado.
   <a>: enlace dentro o fuera del sitio web.
   <div>: división de la página.
   <img>: imagen.
   <li><ol><ul>: etiquetas para listas.
   <b>: texto en negrita.
   <i>: texto en cursiva.
   <s>: texto tachado.
   <u>: texto subrayado.
HTML

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Ejercicios Basicos HTML
Ejercicios Basicos HTMLEjercicios Basicos HTML
Ejercicios Basicos HTML
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Etiquetas head y body
Etiquetas head y bodyEtiquetas head y body
Etiquetas head y body
 
Manual de introducción a CSS3
Manual de introducción a CSS3Manual de introducción a CSS3
Manual de introducción a CSS3
 
Practico html
Practico htmlPractico html
Practico html
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Introducción HTML
Introducción HTMLIntroducción HTML
Introducción HTML
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Html5
Html5Html5
Html5
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Tagshtml
TagshtmlTagshtml
Tagshtml
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 

Destacado

What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation OptimizationOneupweb
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingContent Marketing Institute
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destacado (11)

What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar a HTML (20)

Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
HTML y CSS
HTML y CSSHTML y CSS
HTML y CSS
 
Html
HtmlHtml
Html
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptxDISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Html
HtmlHtml
Html
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
danny
dannydanny
danny
 
Html
HtmlHtml
Html
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Tema 2
Tema 2Tema 2
Tema 2
 

Último

Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 

Último (19)

Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 

HTML

  • 1.
  • 2. “El lenguaje de las páginas web”
  • 3.
  • 4. HTML es el acrónimo de HiperText Markup Language (Lenguaje de marcado de hipertexto) es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo deben mostrar el contenido de una página web. Básicamente sirve para definir textos y otros elementos que compondrán las mismas.
  • 5. Sirve para crear páginas web, describir su estructura y su contenido en forma de texto, así como para complementar textos con imágenes. En HTML debe escribirse con «etiquetas» con corchetes (<, >). También puede incluir script y se debe conocer este lenguaje, o por lo menos los códigos básicos.
  • 6.
  • 7. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.
  • 8. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.  La segunda versión fue conocida como HTML 2.0 el 22 de septiembre de 1995.
  • 9. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.  La segunda versión fue conocida como HTML 2.0 el 22 de septiembre de 1995.  Posteriormente el 14 de enero de 1997 se publicó HTML 3.2.
  • 10. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.  La segunda versión fue conocida como HTML 2.0 el 22 de septiembre de 1995.  Posteriormente el 14 de enero de 1997 se publicó HTML 3.2.  HTML 4.0 se hizo publico el 24 de abril de 1998.
  • 11. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.  La segunda versión fue conocida como HTML 2.0 el 22 de septiembre de 1995.  Posteriormente el 14 de enero de 1997 se publicó HTML 3.2.  HTML 4.0 se hizo publico el 24 de abril de 1998.  El 24 de diciembre de 1999 se conoció HTML 4.01.
  • 12. Inicio en 1991, donde fue conocido con el nombre de HTML Tags.  La segunda versión fue conocida como HTML 2.0 el 22 de septiembre de 1995.  Posteriormente el 14 de enero de 1997 se publicó HTML 3.2.  HTML 4.0 se hizo publico el 24 de abril de 1998.  El 24 de diciembre de 1999 se conoció HTML 4.01.  El actual HTML 5.0 se dio en marzo de 2007, conocida también como XHTML y WHATWG.
  • 13.
  • 14. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.
  • 15. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.  <script>: permite incrustar el script en la web.
  • 16. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.  <script>: permite incrustar el script en la web.  <head>: define la cabecera del documento HTML.
  • 17. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.  <script>: permite incrustar el script en la web.  <head>: define la cabecera del documento HTML.  <title>: define el titulo de la página.
  • 18. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.  <script>: permite incrustar el script en la web.  <head>: define la cabecera del documento HTML.  <title>: define el titulo de la página.  <link>: para vincular el sitio a hojas de estilo o iconos.
  • 19. <html>: le indica al navegador que´debe interpretar el texto en formato HTML.  <script>: permite incrustar el script en la web.  <head>: define la cabecera del documento HTML.  <title>: define el titulo de la página.  <link>: para vincular el sitio a hojas de estilo o iconos.  <style>: para definir el estilo de la página.
  • 20. <meta>: para „metadatos‟ como lo es una licencia o una autoría.
  • 21. <meta>: para „metadatos‟ como lo es una licencia o una autoría.  <body>: define el contenido principal del documento.
  • 22. <meta>: para „metadatos‟ como lo es una licencia o una autoría.  <body>: define el contenido principal del documento.  <h1> - <h6>: encabezados del documento.
  • 23. <meta>: para „metadatos‟ como lo es una licencia o una autoría.  <body>: define el contenido principal del documento.  <h1> - <h6>: encabezados del documento.  <table>: define una tabla.
  • 24. <meta>: para „metadatos‟ como lo es una licencia o una autoría.  <body>: define el contenido principal del documento.  <h1> - <h6>: encabezados del documento.  <table>: define una tabla.  <tr>: fila de una tabla.
  • 25. <meta>: para „metadatos‟ como lo es una licencia o una autoría.  <body>: define el contenido principal del documento.  <h1> - <h6>: encabezados del documento.  <table>: define una tabla.  <tr>: fila de una tabla.  <td>: celda de una tabla.
  • 26. <a>: enlace dentro o fuera del sitio web.
  • 27. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.
  • 28. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.
  • 29. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.  <li><ol><ul>: etiquetas para listas.
  • 30. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.  <li><ol><ul>: etiquetas para listas.  <b>: texto en negrita.
  • 31. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.  <li><ol><ul>: etiquetas para listas.  <b>: texto en negrita.  <i>: texto en cursiva.
  • 32. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.  <li><ol><ul>: etiquetas para listas.  <b>: texto en negrita.  <i>: texto en cursiva.  <s>: texto tachado.
  • 33. <a>: enlace dentro o fuera del sitio web.  <div>: división de la página.  <img>: imagen.  <li><ol><ul>: etiquetas para listas.  <b>: texto en negrita.  <i>: texto en cursiva.  <s>: texto tachado.  <u>: texto subrayado.