Lesson 3: Changing HTML and CSS

Pupils learn how HTML is used to determine the layout of a web page and CSS the look and style of it and then use this knowledge to create their own storyboards

Before the lesson

Download classroom resources

Learning objective

  • To change the HTML and CSS to alter the appearance of an object on the web

National curriculum

Pupils should be taught to:

  • Design, write and debug programs that accomplish specific goals, including controlling or simulating physical systems; solve problems by decomposing them into smaller parts

Success criteria

Cross-curricular links

Attention grabber

Main event


Pupils needing extra support: Ensure pupils have additional support so repetition of changes in the code is modelled.


Pupils working at greater depth: Ask them to find the hex codes themselves to change the colours. Can they add in any extra lines of text to make additional ingredients. Can they change the shape of the items in the burger so that it isn’t a burger shape anymore? Could it become a different type of food?

Wrapping up

Assessing pupils' progress and understanding


Created by:
Siobhan Morgan,  
Computing specialist
Head of Computing at Exeter Junior School, Siobhan Morgan has nine years of computing teaching experience as well as experience from her role of ‘Subject Genius for Computing’ on TES. Siobhán enjoys spending time with her family and searching for the Gruffalo…
Find out more