HTML: My First Web Page
5 lessons
Concepts
This study delivers 0 primary concepts and 2 secondary concepts.
Secondary concept: Programming: Sequence, Selection and Repetition (CO-KS12-C002)
Type: Skill | Teaching weight: 2/6All programs are built from three fundamental control structures: sequence (instructions executed in order, one after another), selection (conditional branches where different instructions execute depending on a condition - if/then/else) and repetition (loops where instructions repeat a specified number of times or while a condition holds). These three structures are sufficient to express any computable algorithm, and mastery of them is the core of programming competence. At KS2, pupils learn to use all three structures in their programs, developing increasingly sophisticated and efficient code.
Differentiation
| Level | What success looks like | Common errors |
| Entry | Creating a simple program using sequence — a series of instructions executed in order — using a block-based programming environment. | Putting blocks in the wrong order so the sprite turns before walking; Not connecting blocks together so only the first one runs |
| Developing | Using selection (if/then) and repetition (loops) in programs to create more complex behaviour. | Putting the if-statement outside the loop so it only checks once; Creating an infinite loop without any stopping condition |
| Expected | Combining sequence, selection and repetition to create programs that solve problems or meet a design brief, using variables to store and change data. | Not initialising the variable at the start (score starts at a random value); Using the wrong comparison operator (= vs >) in the selection |
| Greater Depth | Designing modular programs using procedures or functions, explaining how abstraction makes programs easier to understand and maintain. | Creating procedures that are too specific and not genuinely reusable; Not understanding how parameters pass information into procedures |
Secondary concept: Networks, the Internet and the World Wide Web (CO-KS12-C004)
Type: Knowledge | Teaching weight: 2/6A computer network is a collection of computing devices connected together to share data and resources. The internet is the global network of networks, connecting millions of devices worldwide using a common set of protocols. The World Wide Web is a service built on the internet, comprising web pages accessed via browsers. Email, messaging and streaming are other internet services. At KS2, pupils develop conceptual understanding of how networks and the internet work, distinguishing between physical infrastructure and the services that run on top of it.
Differentiation
| Level | What success looks like | Common errors |
| Entry | Understanding that computers can be connected together and that the internet allows people to share information across the world. | Thinking the internet and the World Wide Web are the same thing; Believing websites are 'inside' their own computer |
| Developing | Describing how networks work, including the roles of routers, servers and clients, and understanding that the web is a service that runs on the internet. | Using 'internet' and 'web' as if they mean the same thing; Not understanding that the internet existed before the World Wide Web |
| Expected | Explaining how data is transmitted across networks using packets and protocols, and understanding how search engines and websites work. | Thinking data travels as one continuous piece rather than in packets; Not understanding that packets can take different routes to the same destination |
Thinking lens: Systems and System Models (primary)
Key question: What are the parts of this system, how do they interact, and what happens when something changes? Why this lens fits: Understanding the internet as a network requires pupils to model how devices, routers and servers interact as a system — each component has a role and the system's behaviour emerges from how the parts communicate. Question stems for KS2:Session structure: Practical Application
Practical Application
A hands-on sequence where pupils apply knowledge and skills to solve a practical problem or create a functional outcome. Begins with a real-world context, builds skills through rehearsal, guides design or planning, supports making or problem-solving, and concludes with evaluation against success criteria.
context → skill_rehearsal → design → make_or_solve → evaluate
Assessment: Practical outcome (solution, product, program) evaluated against defined success criteria, with written or verbal explanation of the process and decisions made.
Teacher note: Use the PRACTICAL APPLICATION template: set a real-world context or problem that requires pupils to apply knowledge and skills. Rehearse the key skills needed through guided practice. Support pupils in designing their approach, carrying out the practical task, and evaluating their outcome. Encourage them to explain what worked well and what they would improve.
KS2 question stems:
Computing focus
Programming paradigm: Markup Software/tool: HTML/CSS Computational concepts: sequence, abstraction Abstraction level: Symbolic Themes: web development, text-based coding, creative computingWhy this study matters
HTML introduces text-based coding in a forgiving context -- mistakes produce visible but non-catastrophic results (a tag in the wrong place makes text look wrong, not crash a program). Creating a web page is inherently meaningful: every website they use is made of HTML. Pupils see the direct relationship between code (text) and output (rendered page). This prepares for text-based programming languages.
Pitfalls to avoid
Computational thinking skills (KS2)
These disciplinary skills should be woven through teaching, not taught in isolation:
Vocabulary word mat
| Term | Meaning |
| bandwidth |
| browser |
| code |
| conditional |
| data |
| debug |
| else |
| execute |
| for |
| hyperlink |
| if |
| input |
| internet |
| ip address |
| loop |
| network |
| output |
| packet |
| program |
| protocol |
| repetition |
| router |
| search engine |
| selection |
| sequence |
| server |
| then |
| trace |
| url |
| variable |
| website |
| while |
| world wide web |
| HTML |
| tag |
| element |
| heading |
| paragraph |
| image |
| link |
| source code |
| web page |
Prior knowledge (retrieval plan)
Pupils should already know the following from earlier units:
| Prior knowledge needed | For concept | Description |
| Algorithms | Programming: Sequence, Selection and Repetition | An algorithm is a precise, unambiguous sequence of instructions for solving a problem or accompli... |
Scaffolding and inclusion (Y5)
| Guideline | Detail |
| Reading level | Fluent Reader (Lexile 450–650) |
| Text-to-speech | Available |
| Max sentence length | 22 words |
| Vocabulary | Academic vocabulary expected. Technical domain vocabulary accessible with in-context clues. Figurative language (metaphor, personification) appropriate. |
| Scaffolding level | Light To Moderate |
| Hint tiers | 4 tiers |
| Session length | 20–30 minutes |
| Worked examples | Required — Text-based. Child completes partial worked examples (fading). Not fully narrated. |
| Feedback tone | Peer Like Respectful |
| Normalize struggle | Yes |
| Example correct feedback | You recognised that 1/2 is larger than 2/5, and used the common denominator method correctly. The visualiser confirms it — the bar for 1/2 is noticeably longer. |
| Example error feedback | The reasoning does not quite hold: you said both fractions are the same because the numerator in 2/5 is double the numerator in 1/2. But the denominator changed too — the pieces got smaller. Converting to tenths: 1/2 = 5/10 and 2/5 = 4/10. Which is larger now? |
Knowledge organiser
Key terms:Graph context
Node type:ComputingTopicSuggestion | Study ID: TS-CO-KS2-007
Concept IDs:
CO-KS12-C002: Programming: Sequence, Selection and RepetitionCO-KS12-C004: Networks, the Internet and the World Wide Web``cypher
MATCH (ts:ComputingTopicSuggestion {suggestion_id: 'TS-CO-KS2-007'})
-[:DELIVERS_VIA]->(c:Concept)
-[:HAS_DIFFICULTY_LEVEL]->(dl)
RETURN c.name, dl.label, dl.description
``
Generated from the UK Curriculum Knowledge Graph — zero LLM generation.