Lesson 1.2: HTML Document Structure

Printable Worksheet + Teacher Guide | HTML Beginners | Web Development

Help your students build a strong foundation in HTML with this classroom-ready worksheet packet! This resource teaches the essential structure of every HTML webpage, including , , , , and , along with proper nesting and common beginner mistakes to avoid. Perfect for 9th–12th grade Web Development, Intro to Coding, or Computer Science classes.

Designed in a clean, student-friendly layout, this lesson includes guided practice, vocabulary activities, code-reading questions, and a hands-on JDoodle coding task—all aligned to beginner web standards and easy to implement in any classroom.

✅ What’s Included

Student Worksheet (Printable 8.5x11)

• Engaging title page with space for name/date
  
• Mini-lesson overview explaining HTML document structure
  
• Clear examples with correct formatting
  
• Quick Reference box with key tags
  
• Vocabulary + fill-in-the-blank word bank
  
• Guided practice (no computer needed)
  
• Code-reading and output prediction questions
  
• JDoodle coding activity (HTML only — no CSS yet!)
  
• Level Up challenge for early finishers
  
• Exit ticket reflection
  

Teacher Guide

• Learning objectives & pacing suggestions
  
• Step-by-step lesson plan
  
• Teaching script & misconceptions
  
• Answer key for all sections
  
• Model solution for the JDoodle activity
  
• Differentiation ideas for support and extension
  
• Optional add-ons & quick assessment questions
  

⭐ Perfect For

• High School Web Development
  
• Intro to HTML / Intro to Coding units
  
• CTE pathways
  
• Computer Science Essentials
  
• Substitute plans
  
• Blended or in-person classrooms
  

🎯 Learning Objectives

Students will learn to:

• Identify and use the required parts of an HTML document
  
• Properly nest opening and closing tags
  
• Build a simple webpage using , , , and
  
• Read and predict output from basic HTML code