Page structure: head and body — HTML and CSS for kids
Every web page has the same skeleton. It starts with the doctype line, then an html element holding two parts. The head holds information about the page: the title shown on the browser tab, meta tags and links to CSS. The body holds everything you see: headings, paragraphs, pictures, lists, links and tables.
Head for the browser, body for you — “the head describes the page; the body holds what you see”
<!DOCTYPE html> first, then <html> with <head> and <body> inside.
The head holds <title> (shown on the browser tab), <meta>, <style> and <link>.
The body holds everything you see on the page.
Use it for: Starting every new web page, and fixing a page whose title or styles do not show.
Worked example: 📄 What does the browser tab show for this page?
<!DOCTYPE html>
<html>
<head>
<title>Riya’s Recipes</title>
</head>
<body>
<h1>All about me</h1>
<p>Mars is red.</p>
</body>
</html> → Riya’s Recipes
Work it out in your head or on paper, then tap your answer — or type it and press Check. Stuck? Press “Show me how”.
Right: 0 · Tried: 0
🏁 Lesson 8 test
20 questions. Check each answer, then go to the next one. Get 16 or more right to pass.
🏅 Sign in with Google to earn the
🦴 Page Skeleton Builder badge when you pass — and a certificate when you finish all 10 lessons of
Part 1 · HTML Basics. You can still take the test without signing in.
👩🏫 HTML and CSS classes — live online, request a call back
Prefer a real teacher? TalentJR teachers take live online classes anywhere in India. Tell us what
you need and our team will call you with timings and fees.
💻Live online classesSmall groups or 1:1 with a teacher, from home, any city.
📞We call you backOur team asks what your child needs, then shares timings and fees.
🏠Home tutor?We are still building our list of home tutors — ask on the call if there is one near you.
