icon-background-square
New
New
Year 8

Website building blocks

I can describe and use HTML to structure and modify the appearance of a web page.

icon-background-square
New
New
Year 8

Website building blocks

I can describe and use HTML to structure and modify the appearance of a web page.

warning

These resources will be removed by end of Summer Term 2025.

Switch to our new teaching resources now - designed by teachers and leading subject experts, and tested in classrooms.

These resources were created for remote use during the pandemic and are not designed for classroom teaching.

Lesson details

Key learning points

  1. HTML (HyperText Markup Language) is the code used to create the structure and content of web pages.
  2. HTML tags are used to define the structure and meaning of content on a webpage.

Keywords

  • HTML - (HyperText Markup Language) is the code used to create the structure and content of webpages

  • Tag - special words inside angle brackets (< >) that tell a web browser how to display and structure content

Common misconception

Closing tags are optional and are just used to make the code easier to read.

Most tags need to be closed and require the use of a forward slash. This marks the beginning and the end of the content that the HTML tag should be applied to.


To help you plan your year 8 computing lesson on: Website building blocks, download all teaching resources for free and adapt to suit your pupils' needs...

When teaching closing tags, use a real world analogy to help students remember the slash (/). For example, compare it to opening and closing a door.
speech-bubble
Teacher tip
equipment-required

Equipment

A HTML editor is required to enable pupils to complete activities. Links to the same projects in the Raspberry Pi Code Editor are provided as one option.

copyright

Licence

This content is © Oak National Academy Limited (2025), licensed on Open Government Licence version 3.0 except where otherwise stated. See Oak's terms & conditions (Collection 2).

Lesson video

Loading...

6 Questions

Q1.
What is a web page?
a physical page in a book
a type of computer hardware
a file stored on a USB stick
Correct answer: a document displayed on the internet
Q2.
What is a website?
a single document on the internet
Correct answer: a collection of related web pages linked together
a program used to browse the internet
a type of computer virus
Q3.
What is the purpose of a web browser?
to create web pages
to store files on a computer
Correct answer: to display web pages and websites
to protect a computer from viruses
Q4.
What is the internet?
Correct answer: a collection of computers connected together to share information
a physical device used to store data
a type of computer program
a type of antivirus software
Q5.
What is a hyperlink?
a tool used to create web pages
a type of computer virus
a program used to browse the internet
Correct answer: a clickable link that takes you to another web page or website
Q6.
What is the purpose of a search engine?
Correct answer: to find information on the internet
to store files on a computer
to protect a computer from malware
to create web pages

6 Questions

Q1.
Match the terms with their definitions.
Correct Answer:HTML,a language used to create and structure web pages
tick

a language used to create and structure web pages

Correct Answer:tag,special words inside angle brackets < > that define web page elements
tick

special words inside angle brackets < > that define web page elements

Correct Answer:closing tag,ends an element to ensure proper structure
tick

ends an element to ensure proper structure

Q2.
What does HTML stand for?
Correct answer: Hypertext Markup Language
High-Tech Markup Language
Hyperlink Text Management Language
Hyperlinks and Text Markup Language
Q3.
What is the purpose of HTML tags?
to add animations to a web page
to store data in a database
Correct answer: to define the structure and meaning of content on a web page
to create computer programs
Q4.
Which of these is an example of an HTML tag?
<file>
<run>
<save>
Correct answer: `<p>`
Q5.
What is the purpose of closing tags in HTML?
to start a new section of content
Correct answer: to end an element and ensure proper structure
to add images to a web page
to create hyperlinks
Q6.
What HTML tag is used to create an unordered list?
Correct Answer: <ul>, ul