What this lesson teaches
Children learn the basics of HTML structure, helping them understand how web content is organized. This foundational knowledge empowers them to create personalized digital content, boosting their confidence in technology.
Digital Literacy
Can you finish html hero: build your first web page in about 30 min?
HTML Hero: Build Your First Web Page
You will children learn the basics of HTML structure, helping them understand how web content is organized.
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 Bruner's CPA approach, starting with concrete examples of HTML tags leads to a better grasp of abstract coding concepts. Building a homepage solidifies understanding through active construction of digital content, reinforcing learning through application.
Try it with your learner
1. Open a simple text editor like Notepad or Notepad++. 2. Type '<!DOCTYPE html>' to declare the document type. 3. Add '<html>', '<head>', and '<title>Your Name’s Web Page</title>' tags. 4. Create a '<body>' section and add '<h1>Hello, World!</h1>' and '<p>This is my first web page!</p>'. 5. Save the file as 'mypage.html' on your desktop. 6. Open 'mypage.html' in your web browser to see your creation!