Html 5
- 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:
- 9. PRICIPALES FORMATOS DE TEXTOS
- 10. CARACTERES ESPECIALES Resultado Descripción Nombre Número Espacio en blanco   & & & á a minúscula con acento á á é e minúscula con acento é é í i minúscula con acento í í ó o minúscula con acento ó ó ú u minúscula con acento ú ú ñ ñ minúscula ñ ñ ü u minúscula con diéresis ü ü Á A mayúscula con acento Á Á É E mayúscula con acento É É Í I mayúscula con acento Í Í Ó O mayúscula con acento Ó Ó Ú U mayúscula con acento Ú Ú Ñ Ñ mayúscula Ñ Ñ Ü U mayúscula con diéresis Ü Ü