Fundamentos de la semántica web. Código HMTL organizado y optimizado
La web semántica es aquella en la que las etiquetas HTML dan sentido a la estructura de nuestras web. De esta forma se optimiza el posicionamiento SEO natural, permitiendo a los motores de búsqueda llegar a lo más profundo de nuestros sitios, y se crea código correctamente formado y limpio. En este curso aprenderás a crear HTML correctamente formado, cumpliendo con la semántica web y optimizado y verás cómo primar el código limpio y el buen uso de las etiquetas HTML existentes, aprendiendo qué elementos deben ir juntos y por qué.

A lo largo de este capítulo explicaremos que es el HTML, para qué se usa, cómo se usa y cuál es su sintaxis. Podremos también saber cómo validar nuestro código para que esté correctamente formado según los estándares de la W3C.

• HTML cómo lenguaje estructurador de documentos de diseño   01:50
• Terminología más común del lenguaje HTML   02:43
• Qué es y para qué se usa el doctype en un documento HTML   02:04
• Separación de estructura y diseño en un documento HTML   02:17
• Aplicación semántica a la estructura de un documento web   02:23
• Creación y validación del HTML según la W3C   03:11

Trabajar con HTML: Nuestro primer hola mundo
Teniendo en cuenta los principios básicos de un documento HTML, seremos capaces de crear un HTML nuevo desde cero y visualizarlo en un navegador web. Veremos cuál es la estructura correcta de formación del mismo.

• Creación de un archivo HTML partiendo de cero   01:03
• Cómo programar correctamente nuestro hola mundo   01:45

Repasaremos las etiquetas de HTML, haciendo especial hincapié en para qué se crearon y cómo funcionan, cuál es su sintaxis y sus atributos respectivos. Nos centraremos en algunas como <img>, <href>, <h1>, <p> o <audio> y <video>, entre otras.

• En qué consiste la etiqueta <img> y cuál es su sintaxis   02:07
• En qué consiste la etiqueta <href> y cuál es su sintaxis   02:09
• Qué son las etiquetas <h1>, <h2>, <p> y su sintaxis   02:31
• Cuáles son las etiquetas de listados y cuál su sintaxis   02:25
• Qué son las etiquetas <audio> y <video> y su sintaxis   02:15

A lo largo de este capítulo aprenderemos las nuevas etiquetas de HTML5, cómo se usan, cuál es su sintaxis, qué diferencias hay entre el HTML y el HTML5 y por qué es mejor usar este último, además de analizar qué estructura tienen las etiquetas y cómo se comportan en el navegador.

• En qué consiste y para qué se usa la etiqueta nav de HTML5   01:38
• La etiqueta header de HTML5: funcionalidad y uso concreto   01:12
• Otro ejemplo de etiqueta en HTML5: la etiqueta main   00:51
• La etiqueta aside de HTML5: para qué sirve y cuándo se usa   00:49
• La etiqueta section de HTML5: usos y diferentes tipos   00:59
• La etiqueta article de HTML5: cómo trabajar con ella   00:59
• La etiqueta footer de HTML5: cómo trabajar con ella   00:56

Los formularios en HTML5 presentan mejoras con respecto a versiones anteriores que los dotan de un valor semántico mayor que el que tenían. Van a tener una gran importancia tanto para los usuarios de un sitio web como para los administradores, por lo que conocer su sintaxis es fundamental. En este capítulo los analizaremos en profundidad.

• Análisis de la estructura de los formularios en HTML5   02:22
• Controles de formulario: qué son y qué importancia tienen   03:13
• Semántica web aplicada a formularios creados con HTML   03:25

Teniendo en cuenta las etiquetas de un documento HTML, seremos capaces de crear el HTML correspondiente a nuestro diseño y de visualizarlo en un navegador web. Veremos cuál es la estructura correcta de formación del mismo.

• Primeros pasos: planteamiento del diseño en papel   02:41
• Creación de la estructura semántica del diseño en papel   04:32
• Creación de los elementos del diseño con etiquetas HTML   02:17
• Validación semántica del código fuente a través de la W3C   01:30