Guide IDE HTML
Capitolo 0 · Prima di programmare
Installare gli strumenti per HTML
Una guida gratuita che parte da zero: cosa serve, dove scaricarlo, come verificare che funzioni e come eseguire il tuo primo programma.
1. Quali programmi servono?
VS Code e un browser moderno. Installa sempre gli strumenti dai siti ufficiali indicati qui sotto; evita installer sconosciuti e programmi aggiuntivi non richiesti.
2. Scegli il tuo sistema operativo
Windows: installazione e verifica
- Installa VS Code, crea una cartella sito e salva index.html. Apri il file nel browser con doppio clic; usa F12 per gli strumenti sviluppatore.
- Apri il terminale nella cartella del tuo progetto e verifica i comandi.
- Crea il primo file ed esegui l’esempio di controllo.
Passaggi / comandi di esempio
code index.htmlSe qualcosa non funziona
Se code non è nel PATH apri VS Code dal menu Start e usa File → Apri cartella.
Se code non è nel PATH apri VS Code dal menu Start e usa File → Apri cartella.
macOS: installazione e verifica
- Installa VS Code e un browser. Crea index.html dalla barra laterale dell’editor e aprilo nel browser.
- Apri il terminale nella cartella del tuo progetto e verifica i comandi.
- Crea il primo file ed esegui l’esempio di controllo.
Passaggi / comandi di esempio
open index.htmlSe qualcosa non funziona
Il comando code richiede l’installazione dell’apposito comando dalla palette di VS Code.
Il comando code richiede l’installazione dell’apposito comando dalla palette di VS Code.
Ubuntu / Linux: installazione e verifica
- Installa VS Code o un editor equivalente. Salva index.html con codifica UTF-8 e aprilo con Firefox o Chromium.
- Apri il terminale nella cartella del tuo progetto e verifica i comandi.
- Crea il primo file ed esegui l’esempio di controllo.
Passaggi / comandi di esempio
xdg-open index.htmlSe qualcosa non funziona
Se il file viene mostrato come testo, controlla l’estensione .html e aprilo esplicitamente nel browser.
Se il file viene mostrato come testo, controlla l’estensione .html e aprilo esplicitamente nel browser.
3. Primo programma: verifica pratica
Crea un file con l’estensione corretta, copia questo esempio e prova ad avviarlo. Se ottieni il risultato atteso, sei pronto per il primo capitolo.
Il primo programma
<!doctype html>
<html lang="it"><head><meta charset="utf-8"><title>Prima pagina</title></head><body><h1>Ciao HTML!</h1></body></html>4. Metodo per risolvere gli errori
- Leggi tutto il messaggio di errore e individua il nome del file o del comando.
- Controlla estensione del file, percorsi, maiuscole e versioni installate.
- Esegui l’esempio più piccolo possibile prima di aggiungere nuovo codice.
- Se un messaggio non è chiaro, cercalo nella documentazione ufficiale e annota la soluzione.