med W3Schools online code editor kan du redigera HTML, CSS och JavaScript-kod och visa resultatet i din webbläsare.
klicka på knappen ”prova själv” för att se hur det fungerar.
Web Editor förklarade
fönstret till vänster är redigerbart – redigera koden och klicka på ”Kör” – knappen för att visa resultatet i det högra fönstret.
”Resultatstorleken” returnerar bredden och höjden på resultatfönstret i pixlar (även när du ändrar storlek på webbläsarfönstret).,
Du kan styra storleken på ett fönster med fältet mellan fönstren (dragbar ränna).
ikonerna förklaras i tabellen nedan:
| ikon | beskrivning |
|---|---|
| gå till www.w3schools.,tton för fler alternativ | |
| spara din kod (och dela den med andra) | |
| ändra orientering (horisontellt eller vertikalt) | |
| ändra färgtema (mörk eller ljus) |
lär dig att koda
ändra färgtema (mörk eller ljus)
om du är ny på kodning, föreslår vi att du börjar med html, och gå vidare till CSS och JavaScript:
HTML tutorialcss tutorialjavascript tutorial
W3Schools online code compiler
klicka på ”prova själv” knappen för att se hur det fungerar.,
Code Compiler Explained
fönstret till vänster är redigerbart – redigera koden och klicka på ”Kör” – knappen för att visa resultatet i det högra fönstret.
rullgardinsmenyn till höger om knappen ”Kör” låter dig ändra programmeringsspråk.
genom att välja fliken ”input” kan du lägga till användarinmatning som ska användas i koden.
flikarna ”+” låter dig lägga till ytterligare filer (för samma språk som du för närvarande kör) för att köra.
”Resultatstorleken” returnerar bredden och höjden på resultatfönstret i pixlar (även när du ändrar storlek på webbläsarfönstret).,
Du kan styra storleken på ett fönster med fältet mellan fönstren (dragbar ränna).
ikonerna förklaras i tabellen nedan:
| ikon | beskrivning |
|---|---|
| gå till www.w3schools.com | |
| menyknappen för fler alternativ | |
| ändra orientering (horisontellt eller vertikalt) | |
| ändra färgtema (mörk eller ljus) |
<