If you're seeing this message, it means we're having trouble loading external resources on our website.

Si estás detrás de un filtro de páginas web, por favor asegúrate de que los dominios *.kastatic.org y *.kasandbox.org estén desbloqueados.

Contenido principal

Unidad: Introducción a HTML/CSS: hacer páginas web

Introducción a HTML

Aprende qué es HTML y cómo hacer una página web básica con texto marcado e imágenes.
Aprende
¡Bienvenido a la web!
(Abre un modal)
Conceptos básicos de HTML
(Abre un modal)
Consejo rápido: etiquetas HTML
(Abre un modal)
Desafío: escribe un poema
(Abre un modal)
HTML: énfasis de texto
(Abre un modal)
Desafío: puedes aprender etiquetas de texto
(Abre un modal)
HTML: listas
(Abre un modal)
Desafío: tu lista de aprendizaje
(Abre un modal)
HTML: imágenes
(Abre un modal)
Desafío: un viaje de ensueño
(Abre un modal)

Introducción a CSS

Aprende cómo escribir reglas sencillas de CSS, cómo seleccionar con base en el elemento, clase o ID, y cómo cambiar los colores de tu página.
Aprende
CSS básico
(Abre un modal)
Consejo rápido: seleccionar por nombre de etiqueta
(Abre un modal)
Desafío: criatura colorida
(Abre un modal)
CSS: seleccionar por id
(Abre un modal)
Desafío: ids estacionales
(Abre un modal)
CSS: seleccionar por clase
(Abre un modal)
Desafío: clases de manzanas y plátanos
(Abre un modal)
Proyecto: página web de viajes
(Abre un modal)
Practica
Usar selectores sencillos de CSS
4 preguntas

Más etiquetas HTML

Aprende a hacer vínculos, tablas y comentarios.
Aprende
Vínculos en HTML
(Abre un modal)
Desafío: vínculos que te encantan
(Abre un modal)
Vínculos internos en HTML
(Abre un modal)
Desafío: salta de un lado a otro
(Abre un modal)
Tablas en HTML
(Abre un modal)
Desafío: el menú de la cena
(Abre un modal)
Comentarios en HTML
(Abre un modal)
Proyecto: libro de recetas
(Abre un modal)

Propiedades de texto CSS

Aprende cómo estilar tu texto, como familias de fuentes, tamaño, espacio y alineación.
Aprende
CSS Zen Garden
(Abre un modal)
Propiedad font-family de CSS
(Abre un modal)
Desafío: familias de fuentes elegantes
(Abre un modal)
Propiedad font-size de CSS
(Abre un modal)
Desafío: tamaños de fuente grandes
(Abre un modal)
Estilos de fuentes y propiedades abreviadas en CSS
(Abre un modal)
Desafío: formatos de fuentes famosas
(Abre un modal)
Más propiedades de texto en CSS
(Abre un modal)
Herencia en CSS
(Abre un modal)
Proyecto: blog
(Abre un modal)
Practica
Usar propiedades de CSS
4 preguntas

Herramientas de desarrollo web

Aprende cómo usar otros editores para desarrollar tus páginas web y cómo usar las herramientas de desarrollo del navegador para depurar tus páginas web.
Aprende
Usar las herramientas de desarrollador del navegador
(Abre un modal)
Desarrollar páginas web fuera de Khan Academy
(Abre un modal)
Hospedar un sitio web en un servidor
(Abre un modal)
Hospedar tu sitio web en Github
(Abre un modal)

Diseño CSS

Aprende cómo usar los elementos span y div de HTML con propiedades de CSS como position y float para cambiar el diseño de tus páginas web.
Aprende
Agrupación de elementos en CSS
(Abre un modal)
Desafío: agrupa a los meros
(Abre un modal)
Propiedades width, height y overflow en CSS
(Abre un modal)
El océano que se desborda
(Abre un modal)
Modelo de caja en CSS
(Abre un modal)
Desafío: el modelo bóxer
(Abre un modal)
Posición en CSS
(Abre un modal)
Desafío: coloca al planeta
(Abre un modal)
CSS en la naturaleza: Google Maps
(Abre un modal)
Elementos flotantes en CSS
(Abre un modal)
Desafío: nubes flotantes
(Abre un modal)
Planear tu página web
(Abre un modal)
Proyecto: invitación a un evento
(Abre un modal)
Practica
Usar las propiedades de diseño de CSS
5 preguntas

Más selectores CSS

Aprende selectores más complejos: usar clases múltiples, combinar elementos con clases, selectores de descendientes, selectores agrupados y pseudoclases dinámicas.
Aprende
Usar múltiples clases en CSS
(Abre un modal)
Desafío: una galería con clase
(Abre un modal)
Combinar clases y selectores de elementos en CSS
(Abre un modal)
Desafío: clases de elementos
(Abre un modal)
Selectores descendientes en CSS
(Abre un modal)
Desafío: descendientes de Khan
(Abre un modal)
Agrupar selectores en CSS
(Abre un modal)
Pseudoclases dinámicas en CSS
(Abre un modal)
Desafío: animales agrupados
(Abre un modal)
Especificidad en CSS
(Abre un modal)
Practica
Reglas de especificidad en CSS
4 preguntas

Otras formas de incrustar CSS

Aprende cómo usar estilos en línea y hojas de estilo externas, dos formas más de poner CSS en tu página web.
Aprende
Usar estilos de CSS en línea
(Abre un modal)
Usar hojas de estilo externas
(Abre un modal)

Más aprendizaje

¿Qué puedes hacer para seguir aprendiendo HTML y CSS?
Aprende
Diseño de páginas web
(Abre un modal)
Validación HTML
(Abre un modal)
Qué aprender a continuación
(Abre un modal)
Practica
Validar HTML
4 preguntas

Acerca de esta unidad

Aprende cómo utilizar HTML y CSS para hacer páginas web. HTML es el lenguaje de marcado con el que rodeas contenido, para decirle a los navegadores acerca de los encabezados, listas, tablas, etc. CSS es el lenguaje de hoja de estilos con el cual estilas la página, para decirle a los navegadores que cambien el color, fuente, diseño y más.