Saltar al contenido principal
HTML y CSS1 de julio de 202655 min de lectura
Principiante55 min Frontend Developer

HTML y CSS: fundamentos del desarrollo web

Aprende los pilares de la web: HTML semántico, CSS selectores, Box Model, Flexbox, CSS Grid, diseño responsive con media queries y un proyecto práctico de tarjeta de perfil.

HTMLCSSFrontendFlexboxGridResponsiveWeb

Lo que aprenderás

  • Escribir HTML semántico y accesible
  • Aplicar CSS con selectores y cascada
  • Maquetar con Flexbox y CSS Grid
  • Diseñar interfaces responsive sin frameworks
  • Construir un proyecto web completo desde cero

Fundamentos del desarrollo web

La web se construye con tres tecnologías base: HTML (estructura), CSS (presentación) y JavaScript (comportamiento). Este tutorial cubre HTML y CSS desde cero.

<!-- Una página web mínima -->
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8" />
    <title>Mi primera página</title>
    <style>
        body { font-family: system-ui, sans-serif; margin: 2rem; }
        h1   { color: #2563eb; }
    </style>
</head>
<body>
    <h1>¡Hola, mundo!</h1>
    <p>Esto es HTML con un poco de CSS.</p>
</body>
</html>
El !DOCTYPE html le dice al navegador que use el modo estándar. Sin él, el navegador usa "quirks mode" que renderiza de forma impredecible.