What this lesson teaches
Children learn the basics of HTML by structuring content meaningfully. This activity emphasizes how code translates into a visual layout, fostering creativity and logical thinking.
Digital Literacy
Can you finish html treasure map adventure in about 30 min?
HTML Treasure Map Adventure
You will children learn the basics of HTML by structuring content meaningfully.
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
Using the principles of Bruner's CPA approach, students first grasp concepts through concrete examples, then move to pictorial representations, and finally to abstract coding. This step-by-step scaffolding helps solidify understanding.
Try it with your learner
1. Open a simple text editor like Notepad. 2. Type '<html>' and hit enter to start. 3. Create a heading with your title using '<h1>Your Treasure Map</h1>'. 4. Add a list of clues using '<ul>' and '<li>' tags for each location. 5. Save the file as 'map.html' and open it in a web browser. 6. Share your treasure map with a family member and see if they can follow the clues!