Command Palette

Search for a command to run...

Hectal
Phase 0Beginner1 of 8 in HTML

Start Here: How the Web Works

What a website really is, what happens when you open one, the tools you need, and your very first HTML page. No experience needed.

This phase assumes nothing. You'll learn what a website is, what your browser does when you type an address, and the three languages every web page is made of: HTML for structure, CSS for looks, and JavaScript for behaviour.

Then you'll meet your tools (a browser, an editor and the browser's DevTools) and write your first real HTML page. Every example on these pages is live: change the code and the page updates right beside it.

0/4 · 0%
4 topics ~64 min 9 code blocks & diagrams
Start with the first topic
1
0.1

What a Website Really Is

A website is a set of files kept on a computer called a server; your browser asks for them over the internet and turns them into the page you see.

17 min 1 diagram 2 code practice

2
0.2

HTML, CSS and JavaScript: Three Jobs

Every web page is built from three languages with separate jobs: HTML says what is on the page, CSS says how it looks, and JavaScript makes it react.

16 min 2 code practice

3
0.3

Your Tools: Browser, Editor and DevTools

All you need is a browser and a text editor; the browser's DevTools let you inspect any page, see errors and try changes live.

15 min 2 code practice

4
0.4

Your First Complete HTML Page

A proper HTML page has a fixed skeleton: a doctype, an html element with a language, a head with information about the page, and a body with what you see.

16 min 2 code practice

Practise this phase

Hands-on exercises: write the code, see your page live, and press Check to have it tested automatically.

1

Say hello to the web

Make a page with a main heading that says exactly Hello, world! and, under it, one paragraph that introduces you in a sentence.

Beginner
2

Write the full page skeleton

Turn this fragment into a complete HTML page: add the doctype, an html element with the English language set, a head with the UTF-8 charset, the viewport meta tag and the title My first page, and put the heading inside the body.

Beginner
3

A tiny About Me page

Write a complete page titled About me. In the body, add an <h1> with your name and at least two paragraphs: one about where you're from and one about why you're learning web development.

Beginner