Prova il codice HTML nel browser

Il codice scritto o incollato nell'editor compare come pagina nell'anteprima accanto, con schede separate per CSS e JavaScript. Quando il validatore del W3C trova un errore nell'HTML, l'anteprima lascia spazio all'elenco degli errori con il numero di riga.
★ ★ ★ ★ ★
Oltre 2 milioni di utenti pubblicano con Tiiny Host
Test illimitati · L'account serve solo per pubblicare

Editor e anteprima affiancati

Pubblicare l'HTML che hai provato

La pagina riceve un indirizzo tiiny.site tutto suo

1. Premi Publish

1. Premi Publish

Il pulsante sopra l'anteprima apre Tiiny Host in una nuova scheda, con il codice già caricato.

2. Scegli il nome

2. Scegli il nome

Per esempio prova-menu. Le altre impostazioni sono facoltative.

3. Manda il link a chi deve vederlo

3. Manda il link a chi deve vederlo

Dopo la verifica della mail la pagina è online, pronta per il cliente o per il collega.

Video

Ecco come provare una pagina HTML prima di pubblicarla

Funzionalità

Prima di andare online

⚡ Anteprima mentre scrivi

Il risultato si aggiorna a ogni modifica del codice, carattere dopo carattere.

🛠️ Errori con numero di riga

Un tag non chiuso o un valore CSS sbagliato finiscono in un elenco con la riga corrispondente. L'HTML lo controlla il Nu HTML Checker del W3C.

⚙️ CSS e JavaScript a parte

Ogni linguaggio ha la sua scheda. Sugli schermi stretti le schede diventano un menu a tendina.

📋 Copia con un clic

Il pulsante di copia prende tutto il codice della scheda aperta.

🆓 Prove illimitate

Si prova quanto si vuole; la registrazione arriva solo al momento di pubblicare.

🔗 Online quando funziona

Il pulsante Publish sopra l'anteprima porta il codice su Tiiny Host, pronto a diventare una pagina con il suo indirizzo.

Confronto

Un tester rapido accanto agli ambienti di sviluppo

⚡ Tiiny Host
Ambienti di codice
Pubblicazione in un passaggio
Dal pulsante Publish a una pagina con il suo indirizzo tiiny.site.
✓ Sì
Esportazione o componente aggiuntivo
Siti interi, oltre ai frammenti
Un sito completo, compresso in ZIP, si pubblica dal riquadro di caricamento di Tiiny Host.
✓ Sì
Dipende dallo strumento
Commenti sulla pagina pubblicata
La modalità feedback del piano Tiny raccoglie note sulla pagina online, anche da chi non ha un account.
✓ Sì
Raramente
Modifiche dopo la pubblicazione
Editor di codice ed editor visuale nel browser, dal piano Solo.
✓ Sì
Dipende dallo strumento
Più rapido di CodePenJSFiddleW3Schools Tryit EditorCodeSandboxReplit
Prezzi

Il tester è gratuito

Le prove sono illimitate, e online resta gratis una pagina o un sito fino a 3 MB.

Gratis
0 €/mese, senza scadenza
  • ✓ Test illimitati su questa pagina
  • ✓ 1 sito pubblicato
  • ✓ Caricamenti fino a 3 MB
  • ✓ 5.000 visite e 5 GB di traffico al mese
  • – Con un piccolo banner di Tiiny Host
Più spazio quando serve
da 5 €/mese con pagamento annuale
  • Tiny 5 € · niente banner, file fino a 25 MB, modalità feedback, statistiche
  • Solo 13 € · 5 siti, editor di codice e visuale, dominio personalizzato, password, API
  • Pro 31 € · 15 siti e membri del team
  • Pro Max 74 € · siti illimitati e 2 TB di spazio
Tutti i piani → ⭐️ Rimborso entro 7 giorni

Peso massimo per piano

Limite di caricamento per piano
Gratis
3 MB
pagina o ZIP
Tiny · 5 €
25 MB
per progetto
Solo · 13 €
75 MB
per progetto
Pro · 31 €
10 GB
per tutto l'account
Pro Max · 74 €
2 TB
per tutto l'account

Nel limite rientrano anche le immagini e i video, che vanno nello ZIP insieme alla pagina.

Per agenti AI

Test automatici e API

Per i test automatici c'è l'endpoint di caricamento: riceve il file HTML con la chiave API e risponde con il link della pagina pubblicata.

REST APIUn endpoint di caricamento per automazioni e pubblicazioni programmate.
Server MCPUn comando per Claude Code e poche righe di configurazione per Cursor, VS Code, Windsurf, Zed, Codex e v0.
Connettore per ClaudeReport e documenti escono da Claude già pubblicati, nell'app desktop e in Claude Code.
SkillUna volta installata, il tuo agente condivide come link oltre 100 tipi di file, tra cui PDF e ZIP.
Documentazione API → Accesso API dal piano Solo in su
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@index.html" \
  -F "domain=prova-pagina.tiiny.site"

# → https://prova-pagina.tiiny.site
# Per sostituire: PUT sullo stesso dominio
Esempi

Chi lo usa e per cosa

Esercizi di informatica

Esercizi di informatica

Negli istituti tecnici gli studenti provano gli esercizi di HTML e CSS senza installare un editor sui PC del laboratorio.

Componenti per un sito

Componenti per un sito

Un modulo di contatto o una card si provano qui da soli, prima di inserirli nel tema WordPress del cliente.

Segnalazioni di bug

Segnalazioni di bug

Un frammento che riproduce il problema, pubblicato con un link, arriva al collega già pronto da aprire, con l'errore in bella vista.

Approfondimenti

Letture sul blog

HTML Tester: Make Sure Your HTML Code Works Everywhere

A cosa serve un tester di HTML, con otto consigli per un codice conforme alle regole del W3C.

How to Add JavaScript to HTML

JavaScript nella pagina o in un file esterno, con l'uso del tag noscript.

How to Edit an HTML File: Basics for Beginners

Cos'è un file HTML, con quali programmi si apre e come si modifica la sua struttura.

Domande frequenti

Come posso testare il mio codice HTML?

Con l'editor in cima a questa pagina: il risultato compare accanto al codice, o sotto sugli schermi piccoli, e gli errori trovati vengono elencati con il numero di riga.

Il codice che incollo viene inviato da qualche parte?

Per cercare gli errori, l'HTML viene inviato al servizio di validazione del W3C. Su Tiiny Host il codice arriva solo quando premi Publish, e diventa pubblico solo dopo la pubblicazione.

Perché l'anteprima è sparita?

Il tester ha trovato almeno un errore e mostra l'elenco con le righe da correggere. Quando il codice è corretto, l'anteprima ricompare.

Come apro nel browser un file HTML scritto con il Blocco note?

Al salvataggio scegli Tutti i file nel campo Salva come e aggiungi .html al nome. Il doppio clic sul file lo apre poi nel browser predefinito.

Come vedo il codice di una pagina in Chrome?

Fai clic con il tasto destro su un punto della pagina e scegli Ispeziona. Nel pannello Elementi trovi l'HTML, e nella scheda Stili il CSS dell'elemento selezionato.

Il tester funziona anche con un sito intero?

Il tester lavora su una pagina alla volta. Un sito intero, con immagini e sottocartelle, si comprime in ZIP e si carica dal riquadro di Tiiny Host, dove gira come su un server vero.

Posso condividere l'HTML che ho provato?

Sì, con il pulsante Publish sopra l'anteprima. Dopo la verifica della mail la pagina ha un indirizzo tiiny.site che chiunque può aprire.

Funziona anche dal telefono?

Sì. Sugli schermi piccoli l'anteprima scende sotto l'editor e le schede dei linguaggi diventano un menu a tendina.

Quando la pagina funziona, mettila online