What this lesson teaches
Creating a webpage helps students understand the structure of HTML while enhancing their creativity. This hands-on approach allows them to visualize how tags create content, making coding concepts tangible and accessible.
Digital Literacy
Can you finish html playground adventure in about 30 min?
HTML Playground Adventure
You will creating a webpage helps students understand the structure of HTML while enhancing their creativity.
Duration30 min
Age GroupAges 11–12
DifficultyIntermediate
SubjectDigital Literacy
See how this hands-on lesson works
Sign in to start the full activity flow, save this lesson, print a learner version, and track XP. The preview below is public so parents and educators can evaluate the activity before joining.
What you need
How the activity runs
The learning connection
Applying Bruner's CPA approach, students first engage with concrete examples (building a page) before moving to abstract concepts (HTML structure). This active involvement in creation reinforces learning and retention.
Try it with your learner
1. Open a text editor like Notepad or any code editor. 2. Type '<!DOCTYPE html>' at the top. 3. Below that, write '<html><head><title>My Adventure</title></head><body>'. 4. Add a heading with '<h1>Welcome to My HTML Playground!</h1>'. 5. Insert a paragraph with '<p>This is where I explore HTML!</p>'. 6. Save your file as 'index.html' and open it in your browser — what do you see?