En aquest tema, aprendrem com configurar l'entorn necessari per començar a treballar amb HTML. Això inclou la instal·lació d'un editor de text adequat i la configuració d'un navegador web per provar les nostres pàgines HTML.

Un editor de text és una eina essencial per escriure codi HTML. Hi ha molts editors disponibles, però aquí en recomanarem alguns dels més populars i adequats per a principiants i professionals.

1. Visual Studio Code (VS Code)

   • Descripció: Un editor de codi font gratuït desenvolupat per Microsoft, amb suport per a moltes extensions que milloren la funcionalitat.
   • Característiques clau:
     • Autocompletat de codi
     • Suport per a múltiples llenguatges de programació
     • Integració amb Git
     • Extensions per a HTML, CSS, JavaScript, etc.
   • Descàrrega: VS Code

2. Sublime Text

   • Descripció: Un editor de text sofisticat per a codi, marcatge i prosa.
   • Característiques clau:
     • Interfície d'usuari minimalista
     • Alta velocitat i rendiment
     • Suport per a snippets i macros
   • Descàrrega: Sublime Text

3. Atom

   • Descripció: Un editor de text hackeable per al segle XXI, desenvolupat per GitHub.
   • Característiques clau:
     • Totalment personalitzable
     • Suport per a múltiples panells
     • Integració amb Git i GitHub
   • Descàrrega: Atom

1. Descarregar l'instal·lador:

   • Visita la pàgina de descàrrega de VS Code.
   • Selecciona la versió adequada per al teu sistema operatiu (Windows, macOS, Linux).

2. Instal·lar VS Code:

   • Executa l'instal·lador descarregat.
   • Segueix les instruccions de la pantalla per completar la instal·lació.

3. Configuració inicial:

   • Obre VS Code.
   • Pots instal·lar extensions útils com "HTML Snippets" i "Live Server" des del Marketplace d'extensions.

Per veure i provar les teves pàgines HTML, necessitaràs un navegador web. Els navegadors més comuns són:

1. Google Chrome

   • Descripció: Un navegador ràpid i segur desenvolupat per Google.
   • Descàrrega: Google Chrome

2. Mozilla Firefox

   • Descripció: Un navegador de codi obert conegut per la seva privacitat i personalització.
   • Descàrrega: Mozilla Firefox

3. Microsoft Edge

   • Descripció: El navegador de Microsoft, basat en Chromium.
   • Descàrrega: Microsoft Edge

1. Descarregar l'instal·lador:

   • Visita la pàgina de descàrrega de Google Chrome.
   • Fes clic a "Descarregar Chrome".

2. Instal·lar Chrome:

   • Executa l'instal·lador descarregat.
   • Segueix les instruccions de la pantalla per completar la instal·lació.

Ara que tens un editor de text i un navegador instal·lats, és hora de configurar el teu primer projecte HTML.

1. Crear un directori:

   • Crea una carpeta al teu ordinador on guardaràs els teus fitxers HTML. Pots anomenar-la projecte-html.

2. Crear un fitxer HTML:

   • Obre el teu editor de text (VS Code, Sublime Text, Atom).
   • Crea un nou fitxer i guarda'l com index.html dins del directori projecte-html.

A continuació, escriurem una estructura HTML bàsica dins del fitxer index.html.

1. Obrir el fitxer en un navegador:

   • Navega fins al directori projecte-html.
   • Fes doble clic sobre el fitxer index.html per obrir-lo en el teu navegador predeterminat.

2. Verificar el resultat:

   • Hauries de veure una pàgina amb el text "Hola, món!" i un paràgraf que diu "Aquesta és la meva primera pàgina HTML."

En aquest tema, hem après a configurar el nostre entorn de desenvolupament HTML. Hem instal·lat un editor de text i un navegador web, i hem creat i provat la nostra primera pàgina HTML. Ara estem preparats per començar a explorar més a fons l'HTML en els següents mòduls.