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

Presentación Aplicaciones
Presentación AplicacionesPresentación Aplicaciones
Presentación Aplicacionesucave
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoEddher Siilvhaa'
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoEddher Siilvhaa'
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoEddher Siilvhaa'
 
Presentacion Karen Seminario Informatica
Presentacion Karen Seminario InformaticaPresentacion Karen Seminario Informatica
Presentacion Karen Seminario Informaticakarenrocioperez
 
Uso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo BarriosUso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo BarriosGuilLermo Barrios
 

La actualidad más candente (17)

Web quest
Web questWeb quest
Web quest
 
Trabajo practico 1
Trabajo practico 1Trabajo practico 1
Trabajo practico 1
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Presentación Aplicaciones
Presentación AplicacionesPresentación Aplicaciones
Presentación Aplicaciones
 
Pres3
Pres3Pres3
Pres3
 
Menú Principal
Menú PrincipalMenú Principal
Menú Principal
 
Trabajo practico 3
Trabajo practico 3Trabajo practico 3
Trabajo practico 3
 
Tp3 tobi
Tp3 tobiTp3 tobi
Tp3 tobi
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 
Presentacion Karen Seminario Informatica
Presentacion Karen Seminario InformaticaPresentacion Karen Seminario Informatica
Presentacion Karen Seminario Informatica
 
Biyu
BiyuBiyu
Biyu
 
Tecnologia
Tecnologia Tecnologia
Tecnologia
 
Web 3 y 4..andre pinzon
Web 3 y 4..andre pinzonWeb 3 y 4..andre pinzon
Web 3 y 4..andre pinzon
 
6 w estilos
6 w estilos6 w estilos
6 w estilos
 
Uso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo BarriosUso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo Barrios
 

Similar a Html 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
 
Html5
Html5Html5
Html5
 
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
 
Html5
Html5Html5
Html5
 
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..
 

Más de BelenRosales12 (20)

3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Vectores
VectoresVectores
Vectores
 
Informe15
Informe15Informe15
Informe15
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for
Bucle forBucle for
Bucle for
 
Bucle while
Bucle whileBucle while
Bucle while
 
Chatbox
ChatboxChatbox
Chatbox
 
Informe15
Informe15Informe15
Informe15
 
Bucle while
Bucle whileBucle while
Bucle while
 
Informe14
Informe14Informe14
Informe14
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
 
Informe13
Informe13Informe13
Informe13
 
Informe12
Informe12Informe12
Informe12
 
Informe11
Informe11Informe11
Informe11
 
Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
 
Sintaxis básica, variables y constantes (1)
Sintaxis básica, variables y constantes (1)Sintaxis básica, variables y constantes (1)
Sintaxis básica, variables y constantes (1)
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 

Último (8)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 

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