SlideShare una empresa de Scribd logo
1 de 7
HTLM Y HTLM5
PRESENTADO POR:
JEIMY LÓPEZ BEJARANO
PRESENTADO A:
JUDY RIPE
FICHA: 866883
HTML (Hyper Text Markup Language) lenguaje con el que se escriben las páginas web.
Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por
etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede
contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos
HTML deben tener la extensión HTML o htm, para que puedan ser visualizados en los navegadores (programas que permiten
visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los
usuarios las páginas web resultantes del código interpretado.
<html>
<body>
<p>Esto es un párrafo. Bienvenidos a esta página web.</p>
</body>
</html>
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Un ejemplo sencillo de código HTML podría ser:
ALGO DE HISTORIA
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en
Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial
y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de
usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han
existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML
estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a
prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprenderlos
fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión
concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y
comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin
problema. En cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos
capacidad para comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito
de los desarrollos web.
Es la nueva versión del lenguaje de marcación HTML para desarrollo de páginas
web.
• Es un término que agrupa el uso de diversos conceptos relacionados al desarrollo
web, como por ejemplo: animaciones, css3, jquery, multimedia, ajax, etc. Cuando
vemos un sitio bonito, moderno, elegante, con animaciones, sonido, video, etc…
seguro que pensamos: “Eso es html5”.
VENTAJAS
Mejora en la Estructura, con etiquetas que representan partes típicas de un página web.
• Etiquetas para contenido específico como: Video, Audio, Input (mail).
• Canvas, dibujo y animaciones sin flash.
• Nuevas Apis para interfaz de usuario, el famoso “drag and drop”, geo localización, etc.
DIAPOSITIVAS HTLM Y HTML 5

Más contenido relacionado

La actualidad más candente (20)

Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
HTML5
HTML5HTML5
HTML5
 
Html
HtmlHtml
Html
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
Diferencia de html y html 5
Diferencia de html y html 5Diferencia de html y html 5
Diferencia de html y html 5
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Diferencia entre html 5 y html normal
Diferencia entre html 5 y html normalDiferencia entre html 5 y html normal
Diferencia entre html 5 y html normal
 
Html 5
Html 5Html 5
Html 5
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
historia de html
historia de htmlhistoria de html
historia de html
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Que es el htlm
Que es el htlmQue es el htlm
Que es el htlm
 

Destacado

Html5 Básico
Html5 BásicoHtml5 Básico
Html5 BásicoFEDIMON
 
HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)Mediacurrent
 
Curso HTML5 - Temario
Curso HTML5 - TemarioCurso HTML5 - Temario
Curso HTML5 - Temariopastilla5
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas) Roberto Mejia
 
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsHTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsIvano Malavolta
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoyMarta Armada
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyParadigma Digital
 

Destacado (10)

Html5 Básico
Html5 BásicoHtml5 Básico
Html5 Básico
 
HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)
 
Curso HTML5 - Temario
Curso HTML5 - TemarioCurso HTML5 - Temario
Curso HTML5 - Temario
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas)
 
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsHTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile apps
 
Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 

Similar a DIAPOSITIVAS HTLM Y HTML 5 (20)

Que es html
Que es htmlQue es html
Que es html
 
Emelyn
EmelynEmelyn
Emelyn
 
Nenene
NeneneNenene
Nenene
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Manual html
Manual htmlManual html
Manual html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Tarea
TareaTarea
Tarea
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 

DIAPOSITIVAS HTLM Y HTML 5

  • 1. HTLM Y HTLM5 PRESENTADO POR: JEIMY LÓPEZ BEJARANO PRESENTADO A: JUDY RIPE FICHA: 866883
  • 2. HTML (Hyper Text Markup Language) lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión HTML o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
  • 3. <html> <body> <p>Esto es un párrafo. Bienvenidos a esta página web.</p> </body> </html> Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser:
  • 4. ALGO DE HISTORIA HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprenderlos fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito de los desarrollos web.
  • 5. Es la nueva versión del lenguaje de marcación HTML para desarrollo de páginas web. • Es un término que agrupa el uso de diversos conceptos relacionados al desarrollo web, como por ejemplo: animaciones, css3, jquery, multimedia, ajax, etc. Cuando vemos un sitio bonito, moderno, elegante, con animaciones, sonido, video, etc… seguro que pensamos: “Eso es html5”.
  • 6. VENTAJAS Mejora en la Estructura, con etiquetas que representan partes típicas de un página web. • Etiquetas para contenido específico como: Video, Audio, Input (mail). • Canvas, dibujo y animaciones sin flash. • Nuevas Apis para interfaz de usuario, el famoso “drag and drop”, geo localización, etc.