Com desar fitxers HTML a Bloc de Notes: Guia completa

Si us heu preguntat com desar un fitxer en format HTML utilitzant el Bloc de Notes de Windows , sou al lloc indicat. Encara que a primera vista pugui semblar una mica complicat, és un procés senzill que qualsevol pot fer. A més, és ideal per als que estan iniciant-se a la programació web i volen aprendre el bàsic d'HTML sense recórrer a eines avançades.

En aquest article, t'explicarem tot el que necessites saber per crear, desar i visualitzar els teus propis fitxers HTML des d'aquest editor de text bàsic, que ve integrat en totes les versions de Windows. Et sorprendrà com és de fàcil donar els teus primers passos en el món del desenvolupament web.

Què és el Bloc de Notes i per què fer-lo servir?

El Bloc de Notes és un editor de text simple que s'inclou a totes les versions de Windows, des de les més antigues com XP fins a les més recents com Windows 10. Encara que no compta amb funcions avançades com a ressaltat de sintaxi o predicció de codi, la seva simplicitat el converteix en una eina perfecta per als que estan aprenent HTML.

Per què escollir el Bloc de Notes? Perquè no necessites descarregar ni instal·lar res extra: hi és, llest per utilitzar. A més, et permet centrar-te exclusivament en el teu codi, sense distraccions ni funcionalitats addicionals que poden resultar confuses per a principiants.

Primers passos: com obrir el bloc de notes

Obrir el bloc de notes és molt senzill. Només heu de seguir aquests passos:

• Fes clic al botó de Inici a l'escriptori.
• Al quadre de cerca, escriu Bloc de Notes.
• Selecciona el programa quan aparegui als resultats.

Un cop obert, veuràs un document en blanc, preparat perquè escriguis el teu codi HTML.

Escriure i estructurar el teu codi HTML

És el moment de començar a escriure el teu primer fitxer HTML. L' estructura bàsica d'un document HTML inclou:

La meva primera pàgina Hola, món Aquest és un paràgraf d'exemple.

Què signifiquen aquestes etiquetes?

• : Indica al navegador el tipus de document.
• : És l'etiqueta arrel que conté tot el contingut.
• : Inclou la informació no visible directament a la pàgina, com ara el títol.
• : Aquí va tot el contingut visible, com ara text, imatges o vídeos.

Desar el fitxer com a HTML

Quan hagis acabat d'escriure el teu codi, toca desar-lo correctament perquè sigui reconegut com un fitxer HTML:

1. En el Bloc de Notes, Fes clic a Arxiu i després en desa.
2. Trieu una ubicació al vostre ordinador on voleu desar el fitxer.
3. Introdueix un nom per al teu fitxer, acabant sempre amb l'extensió . Html (Per exemple: la meva_pagina.html).
4. Al camp «Tipus de fitxer», seleccioneu Tots els arxius.
5. Fes clic a Desar.

A punt! El vostre fitxer ara està desat en format HTML.

Visualitzar el teu fitxer en un navegador

Per veure el resultat de la teva feina, cerca el fitxer que acabes de desar a la ubicació seleccionada. Doneu-li doble clic i s'obrirà al vostre navegador per defecte. Hauries de veure el text i els elements que vas escriure al Bloc de Notes.

Si necessites canviar alguna cosa, simplement obre el fitxer novament al Bloc de Notes, fes els paràmetres necessaris i desa els canvis. Després, recarrega la pàgina al navegador per visualitzar les modificacions.

Consells per a principiants

Si bé el Bloc de Notes és excel·lent per començar, tingues en compte aquests consells:

• Intenta sempre tancar correctament totes les etiquetes HTML ( per a les que tenen obertura).
• Guarda els fitxers freqüentment per evitar perdre canvis.
• Si estàs llest per a una mica més avançat, considera editors com Visual Studio Code o Sublime Text.

Explorar el Bloc de Notes per crear i desar fitxers HTML no només és senzill, sinó també un primer gran pas cap al desenvolupament web. Tot i que pugui semblar limitat, és l'eina perfecta per aprendre l' estructura i la sincronització d'aquest llenguatge. Quan dominis el bàsic, estaràs preparat per fer el salt a editors més avançats i començar a crear pàgines web més complexes.