Note: This project is for kids. The activities introduce basic tags and attributes only. We want your students to like writing code. For this reason, we have kept things simple. By the end of this project, your students should feel confident in their ability to add HTML elements and set CSS attributes – not frustrated. The HTML lessons for beginners are designed to spark an interest in programming.
Assignment 1: Internet Basics
Learn basic terminology. Consider Internet use in daily life.
Assignment 2: History of the Internet
Raise awareness of inventions that shaped the Internet.
Assignment 3: About the World Wide Web
Investigate parts of a web browser. Learn why the World Wide Web was invented.
Assignment 4: What is HTML?
Gain a basic understanding of HTML and its importance in the world today.
Assignment 5: Seeking the Source
Inspect the source code of a web page. Decode the meaning of tags.
Assignment 6: Edit an HTML Document
Analyze a sample web page using an HTML Text Editor. Modify the tags.
Assignment 7: Edit the Style of an HTML Document
Modify the attributes of a web page to discover how CSS creates a consistent design.
Assignment 8: Plan a Web Page
Complete an organizer to plan a web page. Gather information, save pictures, record websites.
Assignment 9: Start Building a Web Page
Code using HTML tags to add a title, heading, body, and horizontal rule.
Assignment 10: Format the Web Page Using CSS
Assign attributes to each element of the web page to set the style.
Assignment 11: Prepare Your Images
Adjust the file name, file type, and size of images.
Assignment 12: Add Images and Format the Style
Add images to the web page. Format picture style, float, and margins using CSS.
Assignment 13: Create Hyperlinks
Link to additional information using text and image hyperlinks.
Assignment 14: Explore Meta Tags
Scan search engine results using keywords. View meta tags in source code.
Assignment 15: Add Meta Tags to a Web Page
Code meta tags to describe the web page.
Assignment 16: Are You Ready to Upload?
Review the web page using a checklist. Revise the code.
Assignment 17: Upload Your Web Page
Publish web page onto the Internet. (Optional)
Assignment 18: HTML Developers Conference
View web pages. Offer positive feedback to peers.
Optional Coding for Beginners Activities for Middle and High School Students
- Analyzing Websites: View three sample web pages and answer questions.
- Format Lists: Use tag pairs and CSS to make bulleted and numbered lists.
- Add a Background Image: Use a picture as a background for the web page.
- Format Hyperlink Style: Set CSS attributes. Change the appearance of links.
- Create a Class: Set unique style attributes for pictures and text.
- Add Animated Text and Images: Create animated text. Add an animated gif.
- Create a Table: Organize information using HTML to make rows and columns.
- Submit Your Site to a Search Engine: Increase the chances of search engines finding the web page./li