Introducción a este curso
  • Bienvenida
  • Qué son HTML y CSS
  • Estructura de este curso
  • Recursos necesarios
HTML - La Estructura
  • Etiquetas, atributos y valores
  • Estructura básica de una página web
  • ¡Hola Mundo! - Tu primera página web
  • ¡Hola Mundo! (2) - La estructura básica.
  • Comentarios en HTML
  • ¡Al Turrón! - Mi primera página web
HTML - El texto
  • Cabeceras y párrafos
  • Saltos de línea - br y hr
  • Strong y em
  • Acrónimos y abreviaturas
  • Citas, definiciones y direcciones
  • ¡Al Turrón! - Artículo de periódico
  • ¡Al Turrón! - Artículo de periódico. (2)
HTML - Listas, enlaces e imágenes
  • Listas ordenadas y desordenadas
  • Listas de descripción
  • Listas anidadas (Nested Lists)
  • Enlaces (1)
  • Enlaces (2)
  • Imágenes
  • ¡Al Turrón! - El recetario de Pepe
  • ¡Al Turrón! - El recetario de Pepe (2)
HTML - Tablas y formularios
  • Tablas
  • Tablas - Avanzado
  • Formularios - Campos de texto
  • Formularios - Botones
  • Formularios - Conceptos avanzados
  • ¡Al Turrón! - Reserva de Hotel
  • ¡Al Turrón! - Reserva de Hotel (2)
HTML - Estructura avanzada
  • Id's y clases
  • Block e Inline
  • Span y div
  • Header y footer
  • Caracteres especiales
  • ¡Al Turrón! - Blog de viajes
  • ¡Al Turrón! - Blog de viajes (2)
  • ¡Al Turrón! - Blog de viajes (3)
CSS - Conceptos generales
  • CSS - Sintaxis
  • Estilos de CSS: Internal, external o inline
  • Herencia
  • Dimensiones: píxeles, porcentajes y em
  • Selectores - Universal y de tipo
  • Selectores - De clase y de id
  • Selectores - Descendientes y de grupo
  • Especificidad en CSS
  • ¡Al Turrón! - Repaso de conceptos
CSS - Márgenes y colores
  • El modelo de cajas
  • Márgenes y relleno
  • Bordes
  • Colores
  • Imágenes de fondo
  • Display inline y display block
  • ¡Al Turrón! - Modificando la presentación del blog
  • ¡Al Turrón! - Modificando la presentación del blog (2)
CSS - El texto
  • Fuentes y tamaños.
  • Peso y estilo de texto
  • Suavizado del texto
  • Transformando el texto: up, lw, cap
  • Decoración del texto
  • Google Fonts
  • ¡Al Turrón! - Modificando el texto del blog
CSS - Otros elementos
  • CSS en listas
  • CSS en formularios
  • CSS en links
  • CSS en tablas
  • ¡Al Turrón! - Terminando el blog
  • ¡Al Turrón! - Terminando el blog
Recursos Adicionales
  • Archivos del curso.
  • Instalando Brackets en Windows
  • Plugin útil: emmet