Guardar el Archivo HTML
Abre el Bloc de Notas. Verás una ventana en blanco, lista para que escribas tu código. No te preocupes, es más fácil de lo que parece.
Escribe tu código HTML. Por ejemplo, puedes escribir este sencillo código:
<html> <head> <title>Mi Primera Página</title> </head> <body> <h1>¡Hola, Mundo!</h1> <p>Esta es mi primera página web creada con el Bloc de Notas.</p> </body> </html>
Haz clic en Archivo en la barra de menú superior. Luego, selecciona Guardar como.... Se abrirá una ventana para que elijas dónde guardar el archivo.
Must Read
En la ventana Guardar como..., elige la carpeta donde quieres guardar tu archivo. Escribe el nombre del archivo en el campo Nombre de archivo. Es muy importante que termines el nombre del archivo con la extensión .html. Por ejemplo, puedes llamarlo mipagina.html.
Asegúrate de que el campo Guardar como tipo esté configurado como Todos los archivos. Esto es crucial para que el Bloc de Notas no añada la extensión .txt al nombre de tu archivo.
Haz clic en el botón Guardar. Tu archivo HTML ahora está guardado en la ubicación que elegiste.
Abrir el Archivo HTML en un Navegador Web
Busca el archivo HTML que guardaste. Puedes ir a la carpeta que elegiste en el paso anterior usando el Explorador de Archivos.
Haz doble clic en el archivo .html. Esto debería abrir el archivo automáticamente en tu navegador web predeterminado. Si no se abre, puedes hacer clic derecho en el archivo y seleccionar Abrir con, y luego elegir tu navegador web (como Chrome, Firefox, Edge o Safari).
Deberías ver el contenido de tu página web en el navegador. En el ejemplo anterior, verás el título "Mi Primera Página" en la pestaña del navegador, y el texto "¡Hola, Mundo!" como un encabezado grande, seguido del párrafo "Esta es mi primera página web creada con el Bloc de Notas."
Editar y Actualizar el Archivo HTML
Si quieres cambiar algo en tu página web, abre el archivo .html de nuevo en el Bloc de Notas. Puedes hacer esto haciendo clic derecho en el archivo y seleccionando Abrir con, luego eligiendo Bloc de Notas.
Realiza los cambios que quieras en el código HTML. Por ejemplo, puedes cambiar el texto del encabezado o añadir un nuevo párrafo.
Guarda los cambios en el archivo. Haz clic en Archivo y luego en Guardar (o presiona Ctrl+S).
Para ver los cambios en tu navegador web, vuelve a la pestaña del navegador donde está abierta tu página web y presiona F5 (o el botón de recarga) para actualizar la página. Deberías ver los cambios que hiciste en el Bloc de Notas reflejados en el navegador.
¡Enhorabuena! Has creado y ejecutado una página HTML usando el Bloc de Notas. Recuerda que la práctica hace al maestro. ¡Sigue experimentando con diferentes etiquetas HTML para crear páginas web más complejas!