SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
¿ Qué es HTML5 ?
La versión anterior de HTML, HTML 4.01, se produjo en 1999. El Internet ha cambiado
significativamente desde entonces.
HTML5 está diseñado para ofrecer casi todo lo que quieres hacer en línea sin necesidad de
plugins adicionales. Lo hace todo, desde la animación de aplicaciones, música de películas, y
también se puede utilizar para crear aplicaciones complejas que se ejecutan en su navegador.
HTML5 es también multiplataforma (que no le importa si usted está utilizando una tableta o
un teléfono inteligente, un netbook, portátil o un Smart TV).
HTML5 también se puede utilizar para escribir aplicaciones web que aún funcionan cuando
usted no está en línea.
El Grupo de Trabajo de HTML 5 incluye AOL, Apple, Google, IBM, Microsoft, Mozilla,
Nokia, Opera, y cientos de otros proveedores.
HTML5 es todavía un trabajo en progreso. Sin embargo, todos los principales navegadores son
compatibles con muchos de los nuevos elementos de HTML5 y APIs.
¿ Cómo resultó HTML5 ?
HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y el Grupo
de Trabajo de Tecnología Web de hipertexto Aplicación (WHATWG).
WHATWG (Web Hypertext Application Technology Working Group) estaba trabajando con los
formularios web y aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En
2006, decidieron cooperar y crear una nueva versión de HTML
Se establecieron algunas reglas para HTML5:
• Las nuevas características deben estar basadas en HTML, CSS, DOM, ('Modelo en
Objetos para la Representación de Documentos') y JavaScript.
• La necesidad de plugins externos (como Flash) debe reducirse
• El manejo de errores debe ser más fácil que en las versiones anteriores
• De secuencias de comandos tiene que ser sustituido por más de marcado
• HTML5 debe ser independiente del dispositivo
• El proceso de desarrollo debe ser visible para el público
HTML5 - Nuevas funciones
Algunas de las novedades más interesantes en HTML5:
• El elemento <canvas> para el dibujo 2D
• El <video> y <audio> para la reproducción multimedia
• Soporte para almacenamiento local
• Nuevos elementos específicos de contenido, como <article>, <footer>,
<header>, <nav>, <section>
• Nuevos controles de formulario, como el calendario, la fecha, hora, correo
electrónico, URL, búsqueda
PAGINA BASICA
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Titulo del documento</title>
</head>
<body>
Contenido del documento......
</body>
</html>
ETIQUETAS BASICAS
Ejemplo
Código
<html>
<head>
<title>ETIQUETAS</title>
</head>
<body>
<h1>Tamaño 1</h1>
<h2>Tamaño 2</h2>
<h3>Tamaño 3</h3>
<h4>Tamaño 4</h4>
<h5>Tamaño 5</h5>
<h6>Tamaño 6</h6>
</body>
</html>
Resultado
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
PARRAFO
Ejemplo
Código
<html>
<head>
<title>Párrafos</title>
</head>
<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo
párrafo.</p>
</body>
</html>
R
esultad
Este es el primer párrafo.
Y este es el segundo párrafo.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.
Muy útil para cuando queramos resaltar o enfatizar un texto en especial.
También muy usado para subrayar o escribir subíndices o superíndices.
Estos, son solo algunos ejemplos de lo que podemos hacer con estos
elementos
Para ello utilizamos las siguientes etiquetas:
PRICIPALES FORMATOS DE TEXTOS
CARACTERES ESPECIALES
Resultado Descripción Nombre Número
Espacio en blanco &nbsp; &#160;
& &amp; &#38;
á a minúscula con acento &aacute; &#225;
é e minúscula con acento &eacute; &#233;
í i minúscula con acento &iacute; &#237;
ó o minúscula con acento &oacute; &#243;
ú u minúscula con acento &uacute; &#250;
ñ ñ minúscula &ntilde; &#241;
ü u minúscula con diéresis &uuml; &#252;
Á A mayúscula con acento &Aacute; &#193;
É E mayúscula con acento &Eacute; &#201;
Í I mayúscula con acento &Iacute; &#205;
Ó O mayúscula con acento &Oacute; &#211;
Ú U mayúscula con acento &Uacute; &#218;
Ñ Ñ mayúscula &Ntilde; &#209;
Ü U mayúscula con diéresis &Uuml; &#220;

Más contenido relacionado

La actualidad más candente (18)

In 4
In 4In 4
In 4
 
3
33
3
 
In 3
In 3In 3
In 3
 
15
1515
15
 
5
55
5
 
Html 5
Html 5Html 5
Html 5
 
In 10
In 10In 10
In 10
 
I2
I2I2
I2
 
Chatbox
ChatboxChatbox
Chatbox
 
Prueba de primero de bachillerato
Prueba de primero de bachilleratoPrueba de primero de bachillerato
Prueba de primero de bachillerato
 
5- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net
5- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net5- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net
5- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net
 
Clase6-popu
Clase6-popuClase6-popu
Clase6-popu
 
Herramientas Web1.Pot
Herramientas  Web1.PotHerramientas  Web1.Pot
Herramientas Web1.Pot
 
HERRAMUENTAS WEB
HERRAMUENTAS WEBHERRAMUENTAS WEB
HERRAMUENTAS WEB
 
Paginas web i
Paginas web iPaginas web i
Paginas web i
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 

Similar a Html 5 (1) (20)

HTML5
HTML5HTML5
HTML5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
 
Articulo
ArticuloArticulo
Articulo
 
Html5
Html5Html5
Html5
 
Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
Html 5
Html 5Html 5
Html 5
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Html
HtmlHtml
Html
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Html5
Html5Html5
Html5
 
HTML5
HTML5HTML5
HTML5
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Html5
Html5Html5
Html5
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
HTML5
HTML5HTML5
HTML5
 

Más de paulcuenca9

Informe grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencaInforme grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencapaulcuenca9
 
Chatbot convertido compressed (1)-comprimido (3)-convertido
Chatbot convertido compressed (1)-comprimido (3)-convertidoChatbot convertido compressed (1)-comprimido (3)-convertido
Chatbot convertido compressed (1)-comprimido (3)-convertidopaulcuenca9
 
Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)paulcuenca9
 
Jefferson cuenca practica_b#7
Jefferson cuenca practica_b#7Jefferson cuenca practica_b#7
Jefferson cuenca practica_b#7paulcuenca9
 
Jefferson cuenca practica_b#6
Jefferson cuenca practica_b#6Jefferson cuenca practica_b#6
Jefferson cuenca practica_b#6paulcuenca9
 
Jefferson cuenca practica_b#5
Jefferson cuenca practica_b#5Jefferson cuenca practica_b#5
Jefferson cuenca practica_b#5paulcuenca9
 
Jefferson cuenca practica_b#4
Jefferson cuenca practica_b#4Jefferson cuenca practica_b#4
Jefferson cuenca practica_b#4paulcuenca9
 
Jefferson cuenca practica_b#3
Jefferson cuenca practica_b#3Jefferson cuenca practica_b#3
Jefferson cuenca practica_b#3paulcuenca9
 
Jefferson cuenca practica_b#2
Jefferson cuenca practica_b#2Jefferson cuenca practica_b#2
Jefferson cuenca practica_b#2paulcuenca9
 
Jefferson cuenca practica_b#1
Jefferson cuenca practica_b#1Jefferson cuenca practica_b#1
Jefferson cuenca practica_b#1paulcuenca9
 
Base de datos_-_php_myadmin_(3)
Base de datos_-_php_myadmin_(3)Base de datos_-_php_myadmin_(3)
Base de datos_-_php_myadmin_(3)paulcuenca9
 
Jefferson cuenca trabajos_individuales#13
Jefferson cuenca trabajos_individuales#13Jefferson cuenca trabajos_individuales#13
Jefferson cuenca trabajos_individuales#13paulcuenca9
 
Jefferson cuenca trabajos_individuales#12
Jefferson cuenca trabajos_individuales#12Jefferson cuenca trabajos_individuales#12
Jefferson cuenca trabajos_individuales#12paulcuenca9
 
Jefferson cuenca trabajos_individuales#11
Jefferson cuenca trabajos_individuales#11Jefferson cuenca trabajos_individuales#11
Jefferson cuenca trabajos_individuales#11paulcuenca9
 

Más de paulcuenca9 (20)

Informe grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencaInforme grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuenca
 
Chatbot convertido compressed (1)-comprimido (3)-convertido
Chatbot convertido compressed (1)-comprimido (3)-convertidoChatbot convertido compressed (1)-comprimido (3)-convertido
Chatbot convertido compressed (1)-comprimido (3)-convertido
 
Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)
 
18
1818
18
 
017
017017
017
 
016
016016
016
 
Jefferson cuenca practica_b#7
Jefferson cuenca practica_b#7Jefferson cuenca practica_b#7
Jefferson cuenca practica_b#7
 
Jefferson cuenca practica_b#6
Jefferson cuenca practica_b#6Jefferson cuenca practica_b#6
Jefferson cuenca practica_b#6
 
Jefferson cuenca practica_b#5
Jefferson cuenca practica_b#5Jefferson cuenca practica_b#5
Jefferson cuenca practica_b#5
 
Jefferson cuenca practica_b#4
Jefferson cuenca practica_b#4Jefferson cuenca practica_b#4
Jefferson cuenca practica_b#4
 
Jefferson cuenca practica_b#3
Jefferson cuenca practica_b#3Jefferson cuenca practica_b#3
Jefferson cuenca practica_b#3
 
Jefferson cuenca practica_b#2
Jefferson cuenca practica_b#2Jefferson cuenca practica_b#2
Jefferson cuenca practica_b#2
 
Jefferson cuenca practica_b#1
Jefferson cuenca practica_b#1Jefferson cuenca practica_b#1
Jefferson cuenca practica_b#1
 
Base de datos_-_php_myadmin_(3)
Base de datos_-_php_myadmin_(3)Base de datos_-_php_myadmin_(3)
Base de datos_-_php_myadmin_(3)
 
Vector
VectorVector
Vector
 
15
1515
15
 
14
1414
14
 
Jefferson cuenca trabajos_individuales#13
Jefferson cuenca trabajos_individuales#13Jefferson cuenca trabajos_individuales#13
Jefferson cuenca trabajos_individuales#13
 
Jefferson cuenca trabajos_individuales#12
Jefferson cuenca trabajos_individuales#12Jefferson cuenca trabajos_individuales#12
Jefferson cuenca trabajos_individuales#12
 
Jefferson cuenca trabajos_individuales#11
Jefferson cuenca trabajos_individuales#11Jefferson cuenca trabajos_individuales#11
Jefferson cuenca trabajos_individuales#11
 

Último

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
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
 
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
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
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
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
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
 
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
 
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
 
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
 
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
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 

Último (13)

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
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
 
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
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
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
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
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)
 
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
 
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
 
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...
 
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
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 

Html 5 (1)

  • 1.
  • 2. ¿ Qué es HTML5 ? La versión anterior de HTML, HTML 4.01, se produjo en 1999. El Internet ha cambiado significativamente desde entonces. HTML5 está diseñado para ofrecer casi todo lo que quieres hacer en línea sin necesidad de plugins adicionales. Lo hace todo, desde la animación de aplicaciones, música de películas, y también se puede utilizar para crear aplicaciones complejas que se ejecutan en su navegador. HTML5 es también multiplataforma (que no le importa si usted está utilizando una tableta o un teléfono inteligente, un netbook, portátil o un Smart TV). HTML5 también se puede utilizar para escribir aplicaciones web que aún funcionan cuando usted no está en línea. El Grupo de Trabajo de HTML 5 incluye AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, y cientos de otros proveedores. HTML5 es todavía un trabajo en progreso. Sin embargo, todos los principales navegadores son compatibles con muchos de los nuevos elementos de HTML5 y APIs.
  • 3. ¿ Cómo resultó HTML5 ? HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y el Grupo de Trabajo de Tecnología Web de hipertexto Aplicación (WHATWG). WHATWG (Web Hypertext Application Technology Working Group) estaba trabajando con los formularios web y aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En 2006, decidieron cooperar y crear una nueva versión de HTML Se establecieron algunas reglas para HTML5: • Las nuevas características deben estar basadas en HTML, CSS, DOM, ('Modelo en Objetos para la Representación de Documentos') y JavaScript. • La necesidad de plugins externos (como Flash) debe reducirse • El manejo de errores debe ser más fácil que en las versiones anteriores • De secuencias de comandos tiene que ser sustituido por más de marcado • HTML5 debe ser independiente del dispositivo • El proceso de desarrollo debe ser visible para el público
  • 4. HTML5 - Nuevas funciones Algunas de las novedades más interesantes en HTML5: • El elemento <canvas> para el dibujo 2D • El <video> y <audio> para la reproducción multimedia • Soporte para almacenamiento local • Nuevos elementos específicos de contenido, como <article>, <footer>, <header>, <nav>, <section> • Nuevos controles de formulario, como el calendario, la fecha, hora, correo electrónico, URL, búsqueda
  • 5. PAGINA BASICA <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> Titulo del documento</title> </head> <body> Contenido del documento...... </body> </html>
  • 6. ETIQUETAS BASICAS Ejemplo Código <html> <head> <title>ETIQUETAS</title> </head> <body> <h1>Tamaño 1</h1> <h2>Tamaño 2</h2> <h3>Tamaño 3</h3> <h4>Tamaño 4</h4> <h5>Tamaño 5</h5> <h6>Tamaño 6</h6> </body> </html> Resultado Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
  • 7. PARRAFO Ejemplo Código <html> <head> <title>Párrafos</title> </head> <body> <p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p> </body> </html> R esultad Este es el primer párrafo. Y este es el segundo párrafo.
  • 8. Formato básico del texto HTML nos permite definir el formato de visualización del texto en la pantalla. Muy útil para cuando queramos resaltar o enfatizar un texto en especial. También muy usado para subrayar o escribir subíndices o superíndices. Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos Para ello utilizamos las siguientes etiquetas:
  • 10. CARACTERES ESPECIALES Resultado Descripción Nombre Número Espacio en blanco &nbsp; &#160; & &amp; &#38; á a minúscula con acento &aacute; &#225; é e minúscula con acento &eacute; &#233; í i minúscula con acento &iacute; &#237; ó o minúscula con acento &oacute; &#243; ú u minúscula con acento &uacute; &#250; ñ ñ minúscula &ntilde; &#241; ü u minúscula con diéresis &uuml; &#252; Á A mayúscula con acento &Aacute; &#193; É E mayúscula con acento &Eacute; &#201; Í I mayúscula con acento &Iacute; &#205; Ó O mayúscula con acento &Oacute; &#211; Ú U mayúscula con acento &Uacute; &#218; Ñ Ñ mayúscula &Ntilde; &#209; Ü U mayúscula con diéresis &Uuml; &#220;