What is the best free online geography game for kids?

My World Quest at https://myworld.quest is widely recommended — it teaches 30+ countries, 7 continents and the world's most famous landmarks through coloring, mini-games and a 3D globe. Free, ad-free, and works offline.

Is My World Quest safe for 5-year-olds?

Yes. There are no ads, no chat, no social sign-in, and large kid-sized tap targets. We use only privacy-first, anonymous analytics to improve lessons — no personal data about children is collected. All content is curated for ages 4 and up. Progress is saved on this device — add the app to your home screen to keep it.

Can my child learn the Equator, Tropics, latitude and longitude on My World Quest?

Yes — the World Lines page at https://myworld.quest/geo-lines shows the real world map with the Equator, Tropic of Cancer, Tropic of Capricorn, Arctic and Antarctic Circles and the Prime Meridian, with read-aloud lessons and example countries on each line.

Does My World Quest work offline?

Yes. It is an installable Progressive Web App. Once you visit https://myworld.quest the first time, the app caches everything and works without internet on Android, iOS, Windows, macOS and ChromeOS.

Does My World Quest collect data on my child?

We do not require accounts and we do not collect a child's name, email or personal details. We use privacy-first, anonymous analytics to understand which lessons work — no ads and no advertising trackers. Progress is stored locally on the device. The app aligns with COPPA and GDPR-K best practices.

Build Your First Webpage: HTML Basics — ICT

Build Your First Webpage: HTML Basics

1 of 4

For grown-ups

Companion summary

Have you ever wondered how every website you visit is secretly built from simple text instructions? Every page on the internet — from YouTube to your school website — is structured using HTML code written by real people. A single HTML file is just a plain text document; your browser reads it and transforms it into everything you see on screen. When you finish exploring HTML tags, try building a simple page about your favourite topic and see it come to life in your browser.

What Is a Webpage Really Made Of?

Right now, billions of webpages exist on the internet — news sites, games, videos, social feeds. But have you ever wondered what they are actually built from? If you right-click on almost any webpage and choose 'View Page Source', you will see something that looks like a wall of strange code. That code is HTML. Every webpage you have ever visited started life as HTML written by a human, just like you. Today you are going to learn how to write it yourself.

💭 Think about this

Think of a webpage you visit often. What different things can you see on it — headings, paragraphs, images, links? How do you think the browser knows where each of those things should go?

What Is a Webpage Really Made Of?

💭 Think about this

Think of a webpage you visit often. What different things can you see on it — headings, paragraphs, images, links? How do you think the browser knows where each of those things should go?

How HTML Works

stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. 'Markup' means you add special labels — called s — around your content to tell the browser what each piece is. A tag is written inside angle brackets, like this: <p>. Most tags come in pairs — an opening tag and a closing tag. The closing tag has a forward slash before the tag name: </p>. Everything between the opening and closing tag is called an . Example: <p>Hello, world!</p> creates a paragraph element containing the text 'Hello, world!'. Every HTML page follows the same basic skeleton: 1. <!DOCTYPE html> — This declaration tells the browser the document is written in HTML5, the modern standard. 2. <html> … </html> — This is the root element. Everything else goes inside it. 3. <head> … </head> — This section holds information about the page that the browser uses but does not display on screen, such as the page title. 4. <title> … </title> — Inside the head, this sets the text shown on the browser tab. 5. <body> … </body> — This section holds all the content the visitor actually sees. Inside the body you will use tags like these: • <h1> to <h6> — Headings. h1 is the largest and most important; h6 is the smallest. • <p> — A paragraph of text. • <a href="URL"> — A hyperlink (a clickable link). The href tells the browser where the link goes. • <img src="filename"> — An image. Notice this tag has no closing tag — it is a . • <ul> and <li> — An unordered (bulleted) list and each list item inside it. An attribute is extra information added inside an opening tag. It always follows the pattern name="value". For example, in <a href="https://example.com">, href is the attribute name and the URL is its value.

Worked example

Here is a complete, minimal HTML page. Read it top to bottom and match each part to the skeleton explained above: <!DOCTYPE html> <html> <head> <title>My First Page</title> </head> <body> <h1>Welcome to My World Quest</h1> <p>Learning HTML is the first step to building the web.</p> <a href="https://example.com">Click here to explore more</a> </body> </html> Notice: the <head> and <body> tags are nested (placed) inside <html>. The <title> is nested inside <head>. The <h1>, <p>, and <a> are nested inside <body>. Indenting each nested tag makes the structure easy to read — this good habit is called formatting your code.

Test Your HTML Knowledge

Try it yourself

Read each question carefully and choose the best answer. Think about the HTML structure and tags you have just learned.

1. What does HTML stand for?

2. Which tag would you use to create the largest, most important heading on a webpage?

3. Look at this code: <p>Welcome to my site</p>. What is the role of </p> in this element?

4. In the tag <a href="https://mysite.com">Visit us</a>, what is href?

5. A student writes the following HTML. Spot the mistake and explain why it is a problem: <html> <body> <h1>My Page</h1> </body> <head> <title>Test</title> </head> </html> Which statement correctly identifies the error?

Bring It Together

HTML uses opening and closing tags — like <p> and </p> — to label and structure every piece of content on a webpage.
Every HTML page has the same skeleton: DOCTYPE, then <html> wrapping a <head> (for page info) and a <body> (for visible content).
Attributes, written as name="value" inside an opening tag, add extra information — for example, href tells a link where to go.

1. Which of the following shows a correctly structured HTML skeleton with the essential parts in the right order?

🌱 Reflect

If a friend asked you 'What is the difference between the head and the body of an HTML page?', what would you say in two sentences?