Item Number: INT-HTML

Technology Integration: Language Arts

Technology Skill: Internet, Programming

Program: Notepad, Internet Explorer

Includes: HTML Lessons for Beginners: Teacher Guide, Printable Student Workbook, Paperless Worksheets, Review Questions, Extension Activities, TechnoHTML Parent Letter, TechnoHTML Certificate, Summary of Skills Checklist, TechnoHTML Marking Sheet, HTML and CSS Reference Sheet, Sample Web Pages, HTML Editing Template, CSS Editing Template, Mountain Biking Web Page Template, Avalanche Template, Environment Web Page Template, Baseball Template

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.

Session 1: Seeking the Source

Study web page source code to gain an understanding of HTML.

Session 2: Cracking the Code

Edit a web page to learn about HTML tags and CSS attributes. Plan a web page.

Session 3: Begin Web Page Building

Add a title, headings, several paragraphs, and a horizontal rule. Format each element using CSS.

Session 4: Add Images and Hyperlinks

Write code to include pictures and hyperlinks.

Session 5: Meta Tags

Insert description and keyword meta tags. Use a checklist to review the web page.

Session 6: Upload the Web Page

Upload and share web pages.

Optional HTML and CSS Lessons for Middle and High School

Avalanche: Practice coding skills.
Add a Background Image: Improve your web page.
Format Hyperlinks: Style hyperlink states.
Add Animation: Add animated text or images.
Create a Class: Learn advanced CSS.
Create a Table: Design a table with HTML.

Build a Web Page using HTML and CSS
Practice Coding Skills using Templates
Helpful Resources Support Learning
HTML Activities for Beginners

Design Web Pages using HTML and CSS Activities - Programming for Kids

Introduce programming skills using HTML lessons for beginners. Select a topic related to a language arts, science, social studies, geography, or history unit to complete a cross-curricular project.

  • Identify topic, purpose, and audience for a web page
  • View the source code of a web page
  • Decode the meaning of HTML and CSS tags
  • Plan and organize web page ideas
  • Create a web page using HTML and style it with CSS
  • Set attributes for the body, text, and graphics
  • Insert an image and position it using CSS
  • Add a hyperlink to text or a picture using HTML
  • Add meta tags for keywords and description
  • Create lists, picture background, classes, or tables

Customer Reviews

Construct a simple web page using HTML and CSS. Throughout the design process instructions explain how to style text, graphics, and hyperlinks to produce an informative web page. For those in need of an extra challenge, extension activities encourage students to create a list, apply a picture background, customize hyperlinks, employ CSS classes, insert animated text or images, and build tables.

Write a Review


I love this product. Because of the detailed instructions, all my students had great success at building a webpage. They were all engaged and tried every activity that was available. I was amazed at some of their pages.

Linda, Orlando, Florida, Odyssey Middle


The HTML class is clear and we are having fun working on the website project. Thanks for a great product.

TammyS, Cary, NC, Homeschool Group


My favorite of all the TechnoKids projects! Students at all skill levels love the challenges of this project. They are so proud of themselves when they realize just what they have accomplished. Thanks!

K. Wyatt, Tonganoxie KS, USA, Tonganoxie Middle School


Love your materials. The lesson structure of TechnoHTML has enabled me to teach HTML while I am learning it with my students.

S. Wright, Rock Springs, WY, USA, Rock Springs Junior High


I love these lessons. I purchased TechnoHTML last year. There are a few more I am hoping are the special of the month sometime soon! Thanks again!

M. Schneidereit, NJ, USA, Maple Shade High School


loved the program!

R. Murnane, NY, USA, Centereach High School


My kids are so excited and I can’t wait to use this material. I bought this on a recommendation from another teacher who loves your products and I am sure I will too.

Linda Parsons , FL, USA, Odyssey Middle School


TechnoHTML5 has been working out well. Students are grasping the idea of how to make a webpage. I really like the step by step directions as well as the given assessments.

N. Mulligans, NY, USA, IS 318


I just started using it this semester and am very pleased with it. I would like to purchase other projects in the future. You have a very good product.

M. Turchi , IL, USA, Ottawa Twp. High School

TechnoHTML5 has been working out well. Students are grasping the idea of how to make a webpage. I really like the step by step directions as well as the given assessments.

html lessons reviewer

N. Mulligan,
IS 318,

Other TechnoKids Intermediate Projects

Google Apps Package

16 projects with lessons for Grades 1-12. Project based activities for Google Docs, Sheets, Drawings, Slides, and Forms.

View Details

Microsoft Plus Package

Computer lessons include project based activities that use Microsoft Office. Make learning meaningful.

View Details

Office 365 Package

14 projects with lessons for Grades 1-12. Project based activities for Word Online, Excel Online, Excel Survey, and PowerPoint Online.

View Details

Microsoft Complete Package: Microsoft Plus + Office 365 Projects

Project based activities for Microsoft Office and Office 365 Online. More than 50 projects that integrate technology into curriculum.

View Details

Intermediate Projects