2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.

Presentación del tema: "2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende."— Transcripción de la presentación:

1

2 2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende remplazar al actual (X)HTML. VERSIONES HTML : HTML 2.0 HTML 3.2 HTML 4.0

3 3 LAS INTENSIONES: Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. Asi mismo el empleo de tablas en exceso generaba inconvenientes, ya sea para adaptar a un dispositivo móvil. Este cambio en la semántica hace que la estructura de la web sea más coherente y fácil de entender por otras personas. Los navegadores podrán darle más importancia a las secciones de la web, facilitándole la tarea del posicionamiento SEO, así como cualquier otra aplicación que interprete sitios web.

4 PRIMEROS PASOS EN : 4

5 5 Indicarle al navegador web que el documento que está abriendo es un documento html. Para ello se emplea la línea de código: En esta versión el Doctype es mucho más simplificado y compatible con HTML y XHTML.

6 6 Colocar la etiqueta, allí podemos adjuntar el tipo de lenguaje del contenido de la pagina web : El atributo lang especifica el idioma del contenido del elemento. Los ejemplos comunes son "en" para inglés, "es" para español, "fr" para Francia y así sucesivamente.

7 7 Colocar nuestra etiqueta de cabecera de HTML, allí podremos adjuntar nuestras hojas de estilo (CSS3), nuestro códigos de JavaScript (JS), librerías externas como JQuery, entre otros. El titulo de la pagina web con :. Así mismo tendremos que indicar el lenguaje alfabético en la que estará elaborada nuestra pagina web. Finalmente crearemos el cuerpo de nuestra página web. Lo codificamos como

8 8

9 9 Las Nuevas Etiquetas Define un artículo. contenido lateral de una página. Define contenido con sonido. Usada para dibujar gráficos, por script, en el aire. (con JavaScript) Especifica en un input una lista pre definida de opciones. Especifica en un input una lista pre definida de opciones Define un contenedor de una aplicación externa (no-HTML). Define un título para una figura elemento Especifica contenido auto-contenido Define un pie página en un documento o sección

10 10 Las Nuevas Etiquetas Define un encabezado para un documento o sección. Grupo de encabezado ( a ) elemento. Define un campo generador de par de claves (para formularios). Define texto resaltado o marcado. Define un link de navegación. Define una sección en un documento. Define una fecha/hora. Define un video o película. Define un posible salto de línea. Scalable Vector Graphics, etiqueta para insertar dibujos y animaciones vectoriales.

11 11 Etiquetas Básicas

12 12 Elemento eliminado Utilizar en su lugar Elementos eliminados