Mi Primera Página Web
Una sola página para algo que ya existe: el puesto, la clase, la receta. Sin instalar nada.
Qué vas a encontrar
- Un archivo que el navegador sabe mostrar
- La ñ y las tildes, con utf-8
- El tropiezo del .txt escondido
- Publicarla, cuando la página ya sea tuya
No empieces por “Hola mundo” y lo cierres. Elige algo real: el puesto de tacos de la esquina, la clase de guitarra, la receta que no quieres perder. Una sola página. Nombre, una frase, un horario.
Eso es la web en miniatura. El navegador pide un archivo y lo arma en la pantalla. Tú escribes el archivo. Ábrelo con doble clic. Si ves el título, ya está. No hace falta internet para esa primera vez.
Cambia el texto de ejemplo por el tuyo antes de seguir. Si la ñ se ve rara, falta charset utf-8: es la misma idea de los bits. La A cabe en un byte. La ñ pide que la página declare su tabla.
Si la página sale en blanco, el archivo casi seguro se guardó como index.html.txt. Muestra las extensiones y bórrale el .txt.
Cuando el texto ya sea tuyo, la vuelta de tuerca es chica: una lista con tres cosas, o un segundo párrafo con el precio. Publicarlo —darle una dirección, con GitHub Pages— viene después. Primero tiene que existir en tu computadora.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Los tacos de la esquina</title>
<style>
body {
font-family: sans-serif;
max-width: 40rem;
margin: 2rem auto;
line-height: 1.5;
}
h1 { font-size: 2rem; }
</style>
</head>
<body>
<h1>Los tacos de la esquina</h1>
<p>Abiertos de jueves a domingo. Pastor, suadero y una salsa que pica de verdad.</p>
<ul>
<li>Pastor</li>
<li>Suadero</li>
<li>Salsa que pica de verdad</li>
</ul>
</body>
</html>