60-minute lesson plan
A paced first lesson with learning goals, device preparation and a practical timetable.
FREE CLASSROOM RESOURCE · COMPLETE BEGINNERS
Teach a first HTML lesson with confidence.
A classroom-ready 60-minute lesson, printable worksheet, mini project, marking rubric and answer key—written for learners who may never have coded before. No login required Printable A4 pack Phones and computers
WHAT IS INSIDE
Everything needed to teach, practise and assess.
Use the full pack in one lesson or split it into two shorter periods. Every activity connects to the free browser course.Beginner explanations
Plain-language ways to explain HTML, tags, content, attributes and browser output.
Learner worksheet
Ten questions that check understanding without relying on memorisation.
Mini project and rubric
A community notice page learners can adapt to their school, family or neighbourhood.
Answers and error prompts
A marking guide plus questions that help learners diagnose common mistakes themselves.
Low-bandwidth guidance
Pair-work, phone-friendly and offline-print suggestions for classrooms with limited devices.
YOUR FIRST CLASS
A calm sequence for learners starting from zero.
Purpose comes before syntax. Each step introduces only enough new language for the next small success.Get the complete timetable- 1Connect
Ask where learners met a webpage today and what information it helped them find.
- 2Explain
Introduce HTML as the structure and meaning of a webpage before showing unfamiliar symbols.
- 3Read
Walk slowly through one tiny document and name what each line contributes.
- 4Practise
Learners change one idea at a time and predict what the live preview will show.
- 5Build
Pairs create a useful community notice page, then explain one choice to the class.
FLEXIBLE CLASSROOMS
Useful with one device—or many.
Phones are welcome
The lesson layout fits small screens. Learners can type short examples, inspect the live result and download their work.
Pairs can share
Assign a reader and a typist, then swap halfway through. Asking each learner to explain one change keeps both engaged.
Print when data is limited
Print the explanation, worksheet and project brief. Load the editor once when connectivity is available, or demonstrate from one screen.
Continue beyond lesson one
The free pathway adds guided examples, live practice, quizzes, projects and exams across HTML, CSS and JavaScript.
HELP US IMPROVE THE CLASSROOM VERSION
Tell us what your learners need next.
Share the age group, device situation and topic you teach. Useful educator feedback will shape future worksheets and lesson packs.TEACHER QUESTIONS
Before you begin
Is the teacher pack free?
Yes. You may download, print and use it in your own classroom or learning group.
Do learners need an account?
No. Anyone can start the course as a guest. An account is optional when a learner wants progress available across devices.
Will it work on a phone?
Yes. The course and editor adapt to small screens. A physical keyboard is helpful for longer projects but is not required for the first lesson.
Where is guest progress saved?
Guest progress is saved in that browser on that device. Clearing browser data can remove it, so important code should also be downloaded or copied into a file.