Can you finish build your first website in about 30 min?
You will learning HTML and CSS introduces students to web development basics, fostering creativity and technical skills.
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.
Learning HTML and CSS introduces students to web development basics, fostering creativity and technical skills. Building a webpage allows them to express themselves through technology, making the digital landscape more accessible and engaging.
Hands-on website creation uses embodied cognition, as students translate ideas into coding actions. This experience helps solidify web development concepts, making the abstract nature of coding more tangible and relatable through real-world applications.
1. Open a text editor like Notepad or any coding software. 2. Write the basic HTML structure: <!DOCTYPE html>, <html>, <head>, <title>, and <body>. 3. Add a heading using <h1>Your Hobby</h1> and a paragraph <p> describing it. 4. Insert an image using <img src='image-url' alt='Your Hobby' />. 5. Save the file as 'hobby.html' and open it in your web browser. 6. Share your webpage link with family — what did they enjoy the most?