W3schools Online Code Editor

met W3Schools online code editor kunt u HTML -, CSS-en JavaScript-code bewerken en het resultaat in uw browser bekijken.

klik op de” Probeer het zelf ” knop om te zien hoe het werkt.

WebEditor uitgelegd

het venster links is bewerkbaar – bewerk de code en klik op de knop “Uitvoeren” om het resultaat in het rechtervenster te bekijken.

De “Resultaatgrootte” geeft de breedte en de hoogte van het resultaatvenster in pixels terug (zelfs als u de grootte van het browservenster wijzigt).,

u kunt de grootte van een venster bepalen met de balk tussen de vensters (draggable gutter).

de pictogrammen worden uitgelegd in onderstaande tabel:

Leren om Code

Als u een nieuwe codering, raden wij u aan te beginnen met HTML, en gaan naar CSS en JavaScript:

HTML TutorialCSS TutorialJavaScript Tutorial

W3Schools Online Code Compiler

Klik op de “Probeer-het-Zelf” knop om te zien hoe het werkt.,

Code Compiler uitgelegd

het venster links is bewerkbaar – bewerk de code en klik op de “Uitvoeren” knop om het resultaat in het rechter venster te bekijken.

met de vervolgkeuzelijst rechts van de knop “Uitvoeren” kunt u de programmeertalen wijzigen.

door het tabblad “input” te selecteren, kunt u gebruikersinvoer toevoegen om te gebruiken in de code.

met de ” + ” tabbladen kunt u extra bestanden toevoegen (voor dezelfde taal die u momenteel gebruikt).

De “Resultaatgrootte” geeft de breedte en de hoogte van het resultaatvenster in pixels terug (zelfs als u de grootte van het browservenster wijzigt).,

u kunt de grootte van een venster bepalen met de balk tussen de vensters (draggable gutter).

De iconen worden toegelicht in de tabel hieronder: