Learn to Code

With the world's largest web developer site.

Not Sure Where To Begin?
HTML

The language for building web pages

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

The language for styling web pages

CSS Example:

body {
    background-color: lightblue;
}
                              
h1 {
    color: white;
    text-align: center;
}
                              
p {
    font-family: verdana;
}
                        
JavaScipt

The language for programming web pages

JavaScipt Example:

<button onclick="myFunction()">Click Me!
</buttont>

<script> function myFunction() {   let x = document.getElementById("demo");   x.style.fontSize = "25px";   x.style.color = "red"; } </script>
Python

A popular programming language

Python Example:

if 5 > 2:
    print("Five is greater than two!")
                        
SQL

A language for accessing databases

SQL Example:

SELECT * FROM Customers
WHERE Country='Mexico';
                        

PHP

A web server programming language

Learn PHP

jQuery

A JS library for developing web pages

Learn jQuery

Java

A programming language

Learn Java

C++

A programming language

Learn C++

W3.CSS

A CSS framework for faster and better responsive web pages

Learn W3.CSS

Bootstrap

A CSS framework for designing better web pages

Learn Bootstrap

C

C#

R
Kotlin
Node.js
React
JSON
Vue
MySQL
XML
Sass
Icons
RWD
Graphics
SVG
Canvas
Raspberry Pi
Cyber Security
Colors
Git
Matplotlib
NumPy
Pandas
SciPy
ASP
AngularJS
AppML
Go
TypeScript
Django
MongoDB
Statistics
Data Science
Typing Speed
HowTo
Code Game
Spaces
PostgreSQL
Excel
DSA - Data Structures and Algorithms
Machine Learning
Artificial Intelligence

Code Editor

With our online code editor, you can edit code and view the result in your browser

W3School Spaces

If you want to create your own website, check out W3Schools Spaces.

It is free to use, and does not require any setup:

Learning Image

My Learning

Track your progress with
our free "My Learning" program.

Log in to your account, and start earning points!

Sign Up for Free

Become a Plus User

And unlock powerful features:

  • slide11-iconTick Browse W3Schools without ads
  • slide11-iconTick Build and host Websites
  • slide11-iconTick Get extra credits
  • slide11-iconTick Priority support

Color Picker

W3Schools' famous color picker:

slide12-colorpicker

For Teachers

Streamline your teaching:

  • slide11-iconTick Manage your classroom
  • slide11-iconTick Ready-to-use learning materials
  • slide11-iconTick Customize study plans
  • slide11-iconTick Track student progress
  • slide11-iconTick Interactive coding challenges

slide13-classroom

Code Game

Help the Lynx collect pine cones!

slide14-fox

Exercises and Quizzes

Test your skills!



Web Templates

Browse our selection of free responsive HTML Templates

slide16-people

Kickstart your career

Get certified by completing a course

How To Section

Code snippets for HTML, CSS and JavaScript

For example, how to create a slideshow: