Build a Website
Beginner
About HTML →
HTML, CSS and JavaScript in three files, working as a team: colours, fonts, classes, hover effects, clicks and a night-mode switch. Your pages really run. 10 lessons that build on Intro to HTML and Intro to JavaScript.
0 / 10 lessons complete
Start Lesson 1
1
A Real HTML File
Write a complete web page, boilerplate and all.
2
Linking a Stylesheet
Add a second file that controls how the page looks.
3
Colours
Style different tags with different rules.
4
Fonts and Sizes
Change what the letters themselves look like.
5
Classes
Invent your own label and style exactly the tags that wear it.
6
Hover Effects
Make the page react to the mouse, with CSS alone.
7
A Script File
Add the third file and let JavaScript change the page.
8
Click Events
Run code the moment a button is clicked.
9
Night Mode
Use all three files at once: a button that restyles the page.
10
Your Whole Website
Put every piece together into one site that is truly yours.