Consulta rápida · HTML · CSS · JavaScript · DOM

Tu manual de bolsillo

Todo lo trabajado en el curso, ordenado en fichas de consulta. Cada ficha tiene una explicación breve, la sintaxis, un ejemplo listo para modificar y una consola para probarlo en vivo. Buscá, tocá y experimentá!

</>

HTML

La estructura: etiquetas, listas, enlaces, imágenes, multimedia y formularios.

🎨

CSS

El estilo: selectores, cascada, colores, modelo de caja y posicionamiento.

JS

La lógica: variables, operadores, condicionales, bucles, arrays y funciones.

🧩

DOM

El puente: seleccionar, modificar, escuchar eventos y crear elementos.

</> HTML — La estructura

HTML define QUÉ hay en la página: títulos, párrafos, listas, enlaces, imágenes. Cada pieza de contenido vive dentro de una etiqueta.

🎨 CSS — El estilo

CSS define CÓMO se ve la página: colores, tipografías, espacios y posiciones. Las reglas se escriben apuntando a elementos con selectores.

⚡ JavaScript — La lógica

JavaScript define QUÉ HACE la página: guarda datos, toma decisiones, repite acciones y calcula resultados. Estas fichas se prueban en una consola.

🧩 DOM — El puente

El DOM conecta JavaScript con la página: permite seleccionar elementos, cambiar su contenido y estilo, reaccionar a clics y crear elementos nuevos.