Press ▶ Show page to see your page here.
Lesson 44: How the web works
Level 6, Make a Web Page. Browsers, servers and your first web page. The new word: browser. It follows lesson 43, Level 5 test: Loop Master. Next comes lesson 45, HTML tags.
What the lesson explains
How the web works. Every web page is a file that a browser reads.
Ask, then show. The browser asks for a page. A server sends the files. 1 an address; 2 a server sends; 3 the browser shows.
A page is a text file. Change the file, show it again, and the page changes. On the card: <h1>Hello, me!</h1>
What you do first
Change the title. Make the title say Hello, me!. One way: write in index.html: <h1>Hello, me!</h1>. Then press Show page to see it.
The files on the practice computer
This lesson works in 0 folders. At the start, .
You change nothing here, so lesson 45 finds the same files.
The page on the screen
How the web works. The page uses the tags <h1>, <p>, and its big title reads "Hello, web!".
Ask, then show. The page uses the tags <h1>, <p>, and its big title reads "Hello, web!".
A page is a text file. The page uses the tags <h1>, <p>, and its big title reads "Hello, me!".
What you practise
Try it, "Change the title": Make the title say Hello, me!. One way: write in index.html: <h1>Hello, me!</h1>. Then press Show page to see it.
Try it, "Say something": Write your own sentence in the <p>. One way: write in index.html: <p>I like pizza.</p>. Then press Show page to see it.
In your head, "Who draws the page?": Which program turns the file into the page you see? The answer: "The browser".
Challenge, "Two paragraphs": Give the page two paragraphs. One way: write in index.html: <p>A browser shows it.</p>. Then press Show page to see it.
What PlayBuddy and PlayType say
PlayType: "Welcome to Level 6! Every website is made of files, just like yours."
PlayBuddy: "The browser asks for a page. A server sends the files back."
Help in every lesson
Everything happens on a pretend computer in your browser, so nothing touches your real files. PlayBuddy and PlayType stand beside the board, cheer you on and say when it is your turn.
A green ring shows where to click the first time. After that you do it on your own, and if you slip twice the ring comes back.
Stars
The lesson has 4 things to do. Up to one slip in ten gives three stars, up to one in four gives two, and finishing always gives at least one. Stars and progress are saved in this browser only; there is no account.
About DayOneCode
DayOneCode is an independent learning site, not affiliated with or endorsed by Anthropic. Claude and Claude Code are trademarks of Anthropic.