Imprimir
Categoría: HTML Básico
Visto: 5902

CREACIÓN DE UN ARCHIVO HTML EN UN EDITOR DE TEXTO

 

Como se había observado en la sección EDITORES HTML, manejaremos el editor libre de texto NOTEPAD ++, el cual es un software gratuito y podemos crear diferentes tipos de archivos entre estos los HTML.

  1. Para comenzar cualquier proyecto recomendamos crear una carpeta para el ejercicio en la ubicación de disco que prefieras, puede ser documentos o en el escritorio. Para este ejemplo creamos uno llamado EJEMPLOS HTML

 

  1. Abrimos el programa Notepad ++, buscando el ícono del programa.

 

 

  1. Luego comenzamos la escritura del programa, para este ejemplo creamos una página web básica que muestre el mensaje “hola mundo”.

<html>

<head><title>Ejemplo HTML</title></head>

<body>

<br> Hola Mundo <br>

</body>

</html>

Las etiquetas head, tienen unas etiquetes title que permiten crear un título a la página web que se muestra en la pestaña del navegador.

Luego continua la sección de body y en esta sección se escribe la frase “Hola Mundo”, cerramos body y html.

 

4. Para crear la página web vamos a crear el archivo HTML, para esto es necesario ir al menú archivo y luego guardar. O en el ícono guardar. 

5. Vamos a darle el nombre index.html Vamos a la sección tipo y seleccionamos todos los archivos.

5.1 Podemos guardarlo también como index sin escribir la extensión .html y seleccionar en tipo la opción Hypertext Markup Lenguaje.

5.2 Buscamos y seleccionamos como destino de guardado la carpeta que hemos creado EJEMPLOS HTML

5.3 Damos clic en save o guardar.

6. Al realizar esto los colores del código habrán cambiado las etiquetas se muestran como azul y el texto a modificar como “Hola Mundo” y Ejemplo HTML, deben estar en color negro.

7. Vamos al directorio creado y veremos un archivo como un fichero de página web lo abrimos con el navegador predeterminado

 

 8. Se muestra una página web en blanco con el nombre de pestaña Ejemplo HTML y en el cuerpo de la página web el texto Hola Mundo.