<html>
.class{}
<div>
#id
EduHTML & CSS

Curso HTML & CSS

15 sesiones para aprender a crear páginas web responsivas y accesibles, desde los fundamentos de HTML hasta un proyecto final completo.

Sesiones del curso

Selecciona una sesión para acceder a la teoría y ejercicios.

HTML — Sesiones 1–5
1

Conceptos básicos de HTML

Qué es una página web, estructura fundamental de un documento HTML, etiquetas y primeros pasos.

Disponible
2

Formato de texto HTML y listas

Etiquetas de formato, encabezados, párrafos, negrita, cursiva, listas ordenadas y no ordenadas.

Disponible
3

Añadir enlaces e imágenes

Hipervínculos, rutas relativas y absolutas, inserción de imágenes y atributos multimedia.

Disponible
4

Creación de tablas para datos

Estructura de tablas HTML, filas, columnas, encabezados, combinación de celdas y estilizado básico.

Disponible
5

Creación de formularios

Elementos de formulario, inputs, selects, botones, validación básica y envío de datos.

Disponible
CSS Básico — Sesiones 6–8
6

Introducción a CSS

Qué es CSS, sintaxis de reglas, selectores básicos, formas de incluir estilos y cascada.

Disponible
7

Estilizar texto y colores con CSS

Tipografías, tamaños, colores, fondos, espaciado y propiedades de texto avanzadas.

Disponible
8

Modelo de caja CSS

Margin, padding, border, width, height, box-sizing y cómo se calculan las dimensiones.

Disponible
Maquetación — Sesiones 9–10
9

Maquetación CSS – Display y posicionamiento

Display block, inline, none, position static, relative, absolute, fixed y z-index.

Disponible
10

Flexbox en profundidad y diseño responsivo

Contenedor flex, ejes, alineación, wrap, media queries y diseño adaptable.

Disponible
Avanzado — Sesiones 11–13
11

Accesibilidad y buenas prácticas semánticas

HTML semántico, ARIA, contraste, navegación por teclado y estándares de accesibilidad.

Disponible
12

Selectores y efectos CSS avanzados

Pseudo-clases, pseudo-elementos, selectores de atributo, combinadores y especificidad.

Disponible
13

Transiciones y transformaciones CSS

Transition, transform, rotate, scale, translate, animaciones y @keyframes.

Disponible
Proyecto Final — Sesiones 14–15
14

Proyecto final

Desarrollo de un sitio web completo aplicando todos los conceptos aprendidos durante el curso.

Disponible
15

Presentación y revisión

Presentación de proyectos, revisión de código, feedback y evaluación final del curso.

Disponible