Cómo crear tu primera página web desde cero
Aprende paso a paso cómo crear tu primera página web desde cero usando HTML, CSS y un editor de código gratuito. Guía práctica para principiantes en 2025.
Introducción
Crear tu primera página web puede parecer intimidante, pero hoy en día es más accesible que nunca. Con las herramientas adecuadas y una guía clara, cualquier persona puede comenzar en el mundo del desarrollo web. En este artículo aprenderás cómo crear una página web sencilla desde cero usando HTML y CSS, sin necesidad de experiencia previa.
1. Instala un editor de código
Para escribir código necesitarás un editor. La opción más recomendada es Visual Studio Code (VS Code), gratuito, multiplataforma y con muchas extensiones útiles. Puedes descargarlo desde https://code.visualstudio.com.
2. Crea una carpeta para tu proyecto
Organiza tu sitio web dentro de una carpeta. Por ejemplo, puedes crear una carpeta llamada mi-pagina-web. Allí irán todos los archivos: HTML, CSS, imágenes, etc. Esto te permitirá mantener tu proyecto ordenado.
3. Escribe tu archivo HTML
Dentro de tu carpeta, crea un archivo llamado index.html. Este será el archivo principal de tu web. Agrega el siguiente contenido básico:
<!DOCTYPE html>
<html>
<head>
<title>Mi Primera Página</title>
</head>
<body>
<h1>¡Hola Mundo!</h1>
<p>Esta es mi primera página web.</p>
</body>
</html>
4. Añade estilos con CSS
Ahora, crea un archivo llamado estilos.css en la misma carpeta. Este archivo le dará diseño a tu sitio. Agrega este ejemplo:
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
text-align: center;
padding: 50px;
}
h1 {
color: green;
}5. Vincula el CSS al HTML
Para aplicar los estilos, debes enlazar el archivo CSS en tu HTML. Modifica la sección <head> de tu HTML así:
<head>
<title>Mi Primera Página</title>
<link rel="stylesheet" href="estilos.css">
</head>
6. Abre tu sitio en el navegador
Haz doble clic sobre index.html y se abrirá en tu navegador web por defecto. ¡Listo! Has creado tu primera página web.
7. Buenas prácticas para principiantes
- Usa nombres de archivos sin espacios (usa guiones o guiones bajos).
- Guarda frecuentemente tu trabajo.
- Usa comentarios para organizar tu código (
<!-- Comentario HTML -->). - Revisa errores en el navegador desde las herramientas para desarrolladores (F12).
Conclusión
Crear una página web desde cero es el primer paso hacia el desarrollo web. Aunque este ejemplo es simple, ya estás entendiendo los fundamentos de HTML y CSS. Con la práctica podrás añadir más elementos, crear páginas atractivas, e incluso aprender JavaScript para darles interactividad. ¡Este es solo el comienzo de tu camino como desarrollador!