Con W3Schools online code editor, è possibile modificare il codice HTML, CSS e JavaScript, e visualizzare il risultato nel tuo browser.
Fai clic sul pulsante “Provalo tu stesso” per vedere come funziona.
Web Editor Explained
La finestra a sinistra è modificabile: modifica il codice e fai clic sul pulsante “Esegui” per visualizzare il risultato nella finestra di destra.
La “Dimensione del risultato” restituisce la larghezza e l’altezza della finestra del risultato in pixel (anche quando si ridimensiona la finestra del browser).,
È possibile controllare la dimensione di una finestra con la barra tra le finestre (grondaia trascinabile).
Le icone sono spiegate nella tabella seguente:
Icona | Descrizione |
---|---|
Vai su www.w3scuole.,tton per ulteriori opzioni | |
Salva il tuo codice (e condividerlo con gli altri) | |
Modificare l’orientamento (orizzontale o verticale) | |
Cambia tema del colore (scuro o chiaro) |
Imparare a Codice
Se siete nuovi alla codifica, ti consigliamo di iniziare con HTML, e passare a CSS e JavaScript:
HTML TutorialCSS TutorialJavaScript Tutorial
W3Schools Online Codice Compilatore
fare Clic su “Prova tu” pulsante per vedere come funziona.,
Code Compiler Explained
La finestra a sinistra è modificabile: modifica il codice e fai clic sul pulsante “Esegui” per visualizzare il risultato nella finestra di destra.
L’elenco a discesa a destra del pulsante” Esegui ” consente di modificare i linguaggi di programmazione.
Selezionando la scheda “input”, è possibile aggiungere input utente da utilizzare nel codice.
Le schede ” + ” consentono di aggiungere file aggiuntivi (per la stessa lingua attualmente in esecuzione) da eseguire.
La “Dimensione del risultato” restituisce la larghezza e l’altezza della finestra del risultato in pixel (anche quando si ridimensiona la finestra del browser).,
È possibile controllare la dimensione di una finestra con la barra tra le finestre (grondaia trascinabile).
Le icone sono descritti nella tabella sottostante:
Icona | Descrizione |
---|---|
Vai a www.w3schools.com | |
pulsante Menu per le opzioni | |
Modificare l’orientamento (orizzontale o verticale) | |
Cambia tema del colore (scuro o chiaro) |