Presentación del curso
  • Presentación
  • Donde preguntar dudas
Primeros pasos
  • Instalación de VSCode
  • Herramientas para VSCode
  • Vocabulario web
  • Qué es HTML
  • Historia de HTML
  • Sintaxis de HTML
  • Estructura de un sitio web
  • Creando un servidor de desarrollo
Secciones
  • Títulos y párrafos
  • Header main y footer
  • Section vs article I
  • Section vs article II
  • Section vs article III
  • Aside
  • Elementos de bloque y de línea
  • Practica de repaso
Elementos de línea
  • Elementos de línea I
  • Elementos de línea II
Atributos
  • Introducción a los atributos
  • Repaso de atributos ya utilizados
  • Atributos globales importantes
Enlaces
  • Introducción a los enlaces
  • Rutas relativas y absolutas
  • Atributos de los enlaces
  • Navegación a través de anclas
Listas
  • Introducción a las listas
  • Listas desordenadas
  • Listas ordenadas
  • Listas de definición
  • Listas anidadas y atributos de las listas
Tablas
  • Introducción a las tablas
  • Estructura básica de una tabla
  • Estructura completa de una tabla
  • Atributos de las tablas
  • Selección de columnas
  • Bonus - Estilos para la tabla
Otras etiquetas importantes
  • Otras etiquetas de bloque
  • Otras etiquetas de línea
Formularios
  • Introducción a formularios
  • Estructura básica de un formulario
  • Asociar Inputs y Label
  • Button vs type button
  • Inputs de tipo fecha
  • Inputs para móviles
  • Más tipos de inputs
  • Input radio
  • Input checkbox
  • Select básico
  • Select avanzado
  • Datalist
  • Más elementos de formularios
  • Atributos de los formularios
  • Get vs Post
Contenido Embebido
  • ¿Qué es el contenido embebido?
  • Imágenes de bits vs imágenes vectoriales
  • Imágenes webP
  • Insertar imágenes en el HTML
  • Device Pixel Ratio
  • Atributo srcset
  • Etiqueta Picture
  • Etiqueta audio
  • Etiqueta video
  • Iframes
  • Etiqueta figure
Etiquetas meta y accesibilidad
  • Etiquetas meta
  • Como crear y añadir un favicon
  • Uso de fontawesome
  • Atributos de accesibilidad
  • Open Graph Protocol
  • Twitter Card