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.