Videos
Web Basics — HTML & CSS · Fundamentos de la Web — HTML & CSS
Pick a topic to watch. · Elige un tema para ver.
21 video lessons · 21 lecciones de video
2:20
Tu primera página web
Cada página que has abierto alguna vez es un archivo que alguien escribió. No dibujado, no diseñado en u…
2:28
Títulos
Una página de párrafos todos del mismo tamaño es un muro de texto, y el lector rebotará sobre él. Los tí…
2:07
Negrita, cursiva, salto de línea
Hasta ahora, una etiqueta ha envuelto un bloque entero: esta línea es un párrafo, esta línea es un encab…
2:17
Listas
Escribe tres elementos como tres párrafos y el navegador no sabe que pertenecen juntos. Di lista, y lo h…
2:31
Enlaces
Todo lo que has escrito hasta ahora está en una página y se queda allí. Una etiqueta lo convierte en par…
2:25
Imágenes
Una etiqueta ha dicho al navegador qué ES algo. Esta tiene que decirle DÓNDE ir a buscarlo, y eso necesi…
2:18
Una página web real
Hasta ahora has escrito piezas de una página. Una página real las pone dentro de un marco, y es el mismo…
2:29
Comentarios y anidamiento
Hasta ahora cada etiqueta ha sido vecina de la anterior. Las páginas reales ponen etiquetas DENTRO de et…
2:17
Tablas
Esta es la etiqueta que los estudiantes cometen error con más frecuencia, y siempre por la misma razón: …
2:08
Formularios
Todo lo que has creado hasta ahora es algo para leer. Un formulario es diferente: es algo que usa un vis…
2:19
Secciones y clases
Las páginas pequeñas están bien como una pila de etiquetas. Las más grandes no —un visitante ve un títul…
2:21
Tu primer CSS
A mitad del curso, llega un segundo idioma. HTML dice qué ES cada cosa — esto es un párrafo, eso es un e…
2:18
Selectores
En la última lección tu selector era un nombre de etiqueta, lo cual cambia todos los párrafos de la pági…
2:19
Colores
El color es donde una página deja de parecer tarea escolar. También es donde un principiante elige doce …
2:16
Estilizar texto
En la lección dos el navegador eligió los tamaños de tus títulos por ti. Ahora puedes elegirlos tú mismo…
2:27
El modelo de caja
Dos elementos se resisten a sentarse donde los quieres, y nada que escribas lo arregla. Casi siempre, es…
2:17
Margen
El margen es el espacio fuera de una caja, y aquí está la cosa: en una caja sin nada alrededor, un marge…
2:16
display
Llevas mirándolo desde la lección tres sin un nombre para ello. Algunos elementos toman toda una línea p…
2:09
Ancho y centrado
Aquí hay algo que quizás no notaste: un bloque ya es tan ancho como la página. Ha sido así todo el tiemp…
1:58
Flexbox
Todo lo que has construido hasta ahora se apila hacia abajo, porque eso es lo que hacen los bloques. Per…
2:19
Tu tarjeta de perfil
Última lección, y es un proyecto en lugar de una nueva idea. Estás construyendo una tarjeta de perfil: u…