HTML Editor: Code & Preview

Trasforma un'idea web in una pagina funzionante con HTML Editor. Scrivi codice HTML con CSS e JavaScript incorporati, visualizza l'anteprima del risultato e consulta brevi tutorial per comprendere il codice che stai modificando. È un ambiente di lavoro pratico per studenti, principianti e sviluppatori che sperimentano con piccole pagine web su dispositivi mobili.

SCRIVI E CONTROLLA IL TUO CODICE

Lavora in un editor di codice con evidenziazione della sintassi, corrispondenza delle parentesi, chiusura automatica e funzioni di annulla e ripristina. Visualizza i numeri di riga, cerca il testo o vai a una riga specifica quando un frammento di codice si allunga. La barra degli strumenti aggiuntiva per i simboli rende i caratteri di programmazione più comuni facilmente accessibili, riducendo il cambio di layout di tastiera per l'inserimento di tag ed espressioni.

Passa tra le schede Codice, Output e Console. La visualizzazione dell'output mostra il documento all'interno dell'app, inclusi stili e script. Utilizza l'aggiornamento automatico dell'anteprima durante la modifica oppure disattivalo se preferisci controllare quando il risultato si aggiorna. I messaggi della console ti aiutano a controllare cosa sta facendo il codice JavaScript della tua pagina.

ESPLORA DIVERSE LARGHEZZE DI ANTEPRIMA

Scegli la modalità di anteprima per telefono, tablet o desktop per esplorare il comportamento di un layout a diverse larghezze. Si tratta di visualizzazioni all'interno dell'app, utili per verificare spaziatura e disposizione mentre lavori a un design responsivo. Prova un'intestazione, modifica una regola di stile, quindi torna all'output per vedere l'effetto.

IMPARA UN CONCETTO, POI METTILO IN PRATICA

La modalità di apprendimento riunisce argomenti di HTML, CSS e JavaScript. Filtra per argomento o cerca un concetto invece di leggere tutto in ordine. Ogni lezione include una spiegazione, un suggerimento rapido, usi pratici, errori comuni, un esempio e una guida al codice.

Dopo una lezione, sono previsti due brevi esercizi di programmazione. Ripristina prima un esempio, quindi scrivi un nuovo snippet utilizzando il concetto. Controlla la tua risposta, leggi il feedback e reimposta l'esercizio iniziale quando vuoi riprovare. Il secondo esercizio si sblocca dopo aver completato il primo. I progressi di lettura e pratica vengono salvati localmente, così puoi tornare agli argomenti che hai iniziato.

CONSERVA E CONDIVIDI IL TUO LAVORO

Crea un documento, apri un file HTML salvato oppure usa Salva e Salva con nome per conservare il tuo lavoro come file HTML. Condividi un file quando desideri inviare il documento stesso. Per un trasferimento online, genera un codice di trasferimento o un link di condivisione e usa l'editor web complementare per continuare a lavorare sul frammento di codice. Il trasferimento online invia il codice corrente al servizio e richiede una connessione a Internet.

REALIZZA L'AREA DI LAVORO CONFORTEVOLE

Scegli l'aspetto chiaro, scuro o di sistema e regola la dimensione del carattere dell'editor. Le impostazioni ti consentono di controllare la numerazione delle righe, la modalità di accessibilità, il salvataggio automatico, il backup all'uscita e il ripristino della sessione. Le bozze e le copie dell'area di lavoro sono dati locali dell'app; salva il lavoro importante come file anziché considerare una sessione locale come backup permanente.

La pagina Dati e privacy ti consente di rivedere le impostazioni, cancellare i dati temporanei dell'editor o ripristinare i dati locali dell'app. L'Hub Premi offre anche premi giornalieri opzionali e attività con monete basate su annunci pubblicitari. Le monete premio sono oggetti in-app, non denaro contante.

La modifica di pagine autonome e la lettura di lezioni raggruppate non richiedono un servizio online. Immagini remote, script esterni, trasferimenti online e pubblicità necessitano invece di connettività. Utilizza l'editor HTML per leggere un concetto, provare una modifica, esaminare il risultato e conservare il codice su cui vuoi basarti.