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