Learn to Code
Free tutorials, examples and references.
No sign-up needed, just start learning.
Or sign up to unlock premium features:
- Progress tracking
- Ad-free learning
- Practice problems
- Challenges
- Build & host websites
- XP & Streaks
- Leagues
- Avatar
Already a member? Sign in
Your own Spaces, live on the web
Fresh problems & bonus XP
From Wood to Master Coder
Focus with zero distractions
Unlock gear, moods & rare skins
HTML Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS Example
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
}
</html>
JavaScript
The language for programming web pages
Javascript Example
<button onclick=”myFunction()”>Click Me!</button>
<script>
function myFunction() {
let x = document.getElementById(“demo”);
x.style.fontSize = “25px”;
x.style.color = “red”;
}
</script>
</html>
Log in
Create an account to track your progress, get your own website,
and get access to more features and learning materials:
Code Editor
With our online code editor, you can edit code and view the result in your browser
W3Schools Spaces
If you want to create your own website, check out W3Schools Spaces.
No installation required – just open your browser and start coding:
Become a Plus User
And unlock powerful features:
- Browse W3Schools without ads
- Build and host Websites
- Unlimited challenges
- Unlimited practice tests
- Get extra credits
- Priority support
For Teachers
Streamline your teaching:
- Manage your classroom
- Ready-to-use learning materials
- Customize study plans
- Track student progress
- Interactive coding challenges
Color Picker
W3Schools’ famous color picker:
How To Section
Code snippets for HTML, CSS and JavaScript
For example, how to create a slideshow:
www.w3schools.com/howto/
