Aprende a crear tu primera página web desde cero con HTML y CSS de forma fácil y rápida.

Crear una página web puede parecer complicado, pero con los conceptos básicos de HTML y CSS puedes tener tu primer sitio funcionando en menos de una hora. Este tutorial es perfecto para principiantes que desean iniciarse en el desarrollo web.

Aprenderás a estructurar una página, agregar texto, imágenes y aplicar estilos para que tu sitio se vea profesional.

¿Qué necesitas para empezar?

✔ Un computador
✔ Un navegador web (Chrome, Edge, Firefox)
✔ Un editor de texto (Bloc de notas, VS Code)
✔ Ganas de aprender 🚀

1. Crear tu archivo HTML

El HTML es la estructura básica de cualquier página web.

  • Abre tu editor de texto.
  • Crea un archivo llamado index.html.
  • Guárdalo en una carpeta nueva.

2. Escribir la estructura básica

Copia este código dentro de tu archivo: 

<!DOCTYPE html>
<html>
<head>
  <title>Mi primera web</title>
</head>
<body>
  <h1>Hola mundo 🌎</h1>
  <p>Esta es mi primera página web.</p>
</body>
</html>

3. Abrir la página en el navegador

  • Haz doble clic en index.html.
  • Se abrirá en tu navegador.
  • ¡Ya tienes tu primera web!

4. Agregar estilos con CSS

El CSS permite cambiar colores, tamaños y diseño. 

<style>
  body {
    background-color: #111;
    color: white;
    font-family: Arial;
    text-align: center;
  }
</style>

Coloca este código dentro de la etiqueta <head>.

¿Qué puedes hacer ahora?

  • Agregar imágenes
  • Crear botones
  • Hacer menús de navegación
  • Publicar tu web en internet

Conclusión

Crear tu primera página web es el primer paso para convertirte en desarrollador. Con HTML y CSS puedes construir sitios modernos y seguir aprendiendo tecnologías más avanzadas como JavaScript.

💬 ¿Quieres más tutoriales de desarrollo web? Déjalo en los comentarios y seguimos aprendiendo juntos.