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

Proyecto de programación (examen)
Proyecto de programación (examen)Proyecto de programación (examen)
Proyecto de programación (examen)
Luis Fernando Azofeifa Quiroz
 
Fundamentos teóricos
Fundamentos teóricosFundamentos teóricos
Fundamentos teóricos
Luis Nickolas
 
Introducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo webIntroducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo web
walker jonas peralta morales
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
SoloCaliRadical
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
Jose Daniel Suarez Vasquez
 
Html5
Html5Html5
Html5
verocimid
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
Jose Daniel Suarez Vasquez
 
Manual html
Manual htmlManual html
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
gabrielhernandezvc
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
marcos_77
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
hussein_gabriel
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
foxperro
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
Francisco Javier Arce Anguiano
 
Unidad 1
Unidad 1Unidad 1

La actualidad más candente (14)

Proyecto de programación (examen)
Proyecto de programación (examen)Proyecto de programación (examen)
Proyecto de programación (examen)
 
Fundamentos teóricos
Fundamentos teóricosFundamentos teóricos
Fundamentos teóricos
 
Introducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo webIntroducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo web
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Html5
Html5Html5
Html5
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Manual html
Manual htmlManual html
Manual html
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 

Similar a Html 5 (5)

HTML5
HTML5HTML5
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
Jorge Cantú López
 
Html5
Html5Html5
Html5
Html5Html5
Html5
Html5Html5
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
icreativasoft
 
Articulo
ArticuloArticulo
Articulo
yosmarievegart
 
Html5
Html5Html5
Html5
victorgm7
 
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
Richard Eliseo Mendoza Gafaro
 
Html 5
Html 5Html 5
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
Jhonathan Rodriguez
 
Html
HtmlHtml
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
HTML5
HTML5HTML5
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
4luis415
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
Elias Herrera
 
Html5
Html5Html5
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
Jorge Leonel Carbajal
 
HTML5
HTML5HTML5
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
joycesita
 

Similar a Html 5 (5) (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
 
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
 
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
 

Más de JoelMorales84

Informe examen
Informe examenInforme examen
Informe examen
JoelMorales84
 
Consulta bdd
Consulta bddConsulta bdd
Consulta bdd
JoelMorales84
 
Base de datos php myadmin (2)
Base de datos   php myadmin (2)Base de datos   php myadmin (2)
Base de datos php myadmin (2)
JoelMorales84
 
Bucle foreach (1)
Bucle foreach (1)Bucle foreach (1)
Bucle foreach (1)
JoelMorales84
 
Bucle for
Bucle forBucle for
Bucle for
JoelMorales84
 
Bucle while
Bucle whileBucle while
Bucle while
JoelMorales84
 
Sintaxis básica
Sintaxis básicaSintaxis básica
Sintaxis básica
JoelMorales84
 
Configuración y aplicación de php
Configuración y aplicación de phpConfiguración y aplicación de php
Configuración y aplicación de php
JoelMorales84
 
Generalidades php (1)
Generalidades php (1)Generalidades php (1)
Generalidades php (1)
JoelMorales84
 
Diseño de formularios (1)
Diseño de formularios (1)Diseño de formularios (1)
Diseño de formularios (1)
JoelMorales84
 
Listas
ListasListas
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
JoelMorales84
 
Html5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimidoHtml5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimido
JoelMorales84
 
Editores de código
Editores de códigoEditores de código
Editores de código
JoelMorales84
 
Crear archivo html (2)
Crear archivo html (2)Crear archivo html (2)
Crear archivo html (2)
JoelMorales84
 
3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
JoelMorales84
 
Reglas
Reglas Reglas
Reglas
JoelMorales84
 
U7
U7U7
U66
U66U66
U20
U20U20

Más de JoelMorales84 (20)

Informe examen
Informe examenInforme examen
Informe examen
 
Consulta bdd
Consulta bddConsulta bdd
Consulta bdd
 
Base de datos php myadmin (2)
Base de datos   php myadmin (2)Base de datos   php myadmin (2)
Base de datos php myadmin (2)
 
Bucle foreach (1)
Bucle foreach (1)Bucle foreach (1)
Bucle foreach (1)
 
Bucle for
Bucle forBucle for
Bucle for
 
Bucle while
Bucle whileBucle while
Bucle while
 
Sintaxis básica
Sintaxis básicaSintaxis básica
Sintaxis básica
 
Configuración y aplicación de php
Configuración y aplicación de phpConfiguración y aplicación de php
Configuración y aplicación de php
 
Generalidades php (1)
Generalidades php (1)Generalidades php (1)
Generalidades php (1)
 
Diseño de formularios (1)
Diseño de formularios (1)Diseño de formularios (1)
Diseño de formularios (1)
 
Listas
ListasListas
Listas
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Html5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimidoHtml5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimido
 
Editores de código
Editores de códigoEditores de código
Editores de código
 
Crear archivo html (2)
Crear archivo html (2)Crear archivo html (2)
Crear archivo html (2)
 
3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Reglas
Reglas Reglas
Reglas
 
U7
U7U7
U7
 
U66
U66U66
U66
 
U20
U20U20
U20
 

Último

FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
johnyamg20
 
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdfPOESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
karlavasquez49
 
Mapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluaciónMapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluación
ruthmatiel1
 
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdfEstás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Ani Ann
 
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdfGracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Ani Ann
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
DavidCamiloMosquera
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
Ana Fernandez
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Juan Martín Martín
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
ROCIORUIZQUEZADA
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CARMENSnchez854591
 
Módulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escrituraMódulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escritura
marilynfloresyomona1
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 

Último (20)

FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
 
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdfPOESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
POESÍA POR EL DIA DEL PADREEEEEEEEEE.pdf
 
Mapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluaciónMapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluación
 
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdfEstás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
 
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdfGracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdf
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
 
Módulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escrituraMódulo 1 de didactica de la lecto escritura
Módulo 1 de didactica de la lecto escritura
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 

Html 5 (5)

  • 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;