Como Hacer Una Pagina Web Html En Bloc De Notas

Written by Gerardo Molina
Updated at: 24 February 2026

¿Quieres crear una página web sencilla? Puedes hacerlo con el Bloc de Notas. ¡Es más fácil de lo que piensas! Aprenderás los fundamentos de HTML, el lenguaje base de la web.

¿Qué es HTML?

HTML son las siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es como un conjunto de instrucciones que le dicen al navegador web cómo mostrar tu página. Imagina que son las piezas de un LEGO; cada pieza (etiqueta) tiene una función específica.

Paso a Paso: Tu Primera Página Web

Aquí te explicamos cómo crear una página web básica con el Bloc de Notas:

Must Read

1. Abre el Bloc de Notas

Busca "Bloc de Notas" en tu computadora y ábrelo. Este será tu editor de código.

2. Escribe el Código HTML Básico

Copia y pega este código en el Bloc de Notas:

Tablas En Html Bloc De Notas at Bryan Hanes blog

<!DOCTYPE html>
<html>
<head>
 <title>Mi Primera Página</title>
</head>
<body>
 <h1>¡Hola, Mundo!</h1>
 <p>Este es un párrafo de texto.</p>
</body>
</html>

Analicemos el código:

<!DOCTYPE html>: Le dice al navegador que es un documento HTML5.
<html> y </html>: Encierran todo el código HTML. Piensa en ellos como el principio y el fin de tu página.
<head> y </head>: Contienen información sobre la página, como el título.
<title> y </title>: Define el título que aparece en la pestaña del navegador. En este caso, "Mi Primera Página".
<body> y </body>: Contienen el contenido visible de la página. ¡Aquí va todo lo que quieres mostrar!
<h1> y </h1>: Define un encabezado de nivel 1 (el más importante). En este caso, "¡Hola, Mundo!". Piensa en él como el título principal.
<p> y </p>: Define un párrafo. En este caso, "Este es un párrafo de texto."

3. Guarda el Archivo

Haz clic en "Archivo" -> "Guardar como...".

Tutorial HTML 2 - Cómo crear una página web usando el bloc de notas

En la ventana que se abre, elige un nombre para tu archivo. Es importante que termine en .html. Por ejemplo: index.html. En el tipo de archivo, selecciona "Todos los archivos".

4. Abre tu Página Web

Busca el archivo index.html que acabas de guardar. Haz doble clic sobre él. Se abrirá en tu navegador web (Chrome, Firefox, Edge, etc.). ¡Ya tienes tu primera página web!

Como Insertar Tablas En Html Bloc De Notas at Darrell Healy blog

¡Experimenta!

Ahora que tienes una página básica, puedes modificarla. Cambia el texto del encabezado y el párrafo. Agrega más párrafos. Recuerda guardar los cambios y recargar la página en tu navegador para ver los resultados.

HTML tiene muchas más etiquetas. Investiga y aprende sobre <img> para imágenes, <a> para enlaces, y mucho más. ¡La práctica hace al maestro! El Bloc de Notas es una gran herramienta para empezar a aprender HTML.