Adding images to a web page
I can use images as part of a website.
Adding images to a web page
I can use images as part of a website.
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
- Images can be displayed within a web page using HMTL tags.
- HTML tags can be applied to construct a web page structure from a provided design.
- An attribute is a word or a phrase that can be used to describe an object such as its colour or size.
Keywords
Attribute - a word or a phrase that can be used to describe an object, such as its colour or size
Pixel - the smallest unit of a digital image or screen display
Common misconception
Images are stored inside HTML files as one document that is downloaded and displayed.
HTML only references image files, which are stored separately. When a web page is downloaded, the linked images are downloaded separately.
To help you plan your year 8 computing lesson on: Adding images to a web page, download all teaching resources for free and adapt to suit your pupils' needs...
To help you plan your year 8 computing lesson on: Adding images to a web page, download all teaching resources for free and adapt to suit your pupils' needs.
The starter quiz will activate and check your pupils' prior knowledge, with versions available both with and without answers in PDF format.
We use learning cycles to break down learning into key concepts or ideas linked to the learning outcome. Each learning cycle features explanations with checks for understanding and practice tasks with feedback. All of this is found in our slide decks, ready for you to download and edit. The practice tasks are also available as printable worksheets and some lessons have additional materials with extra material you might need for teaching the lesson.
The assessment exit quiz will test your pupils' understanding of the key learning points.
Our video is a tool for planning, showing how other teachers might teach the lesson, offering helpful tips, modelled explanations and inspiration for your own delivery in the classroom. Plus, you can set it as homework or revision for pupils and keep their learning on track by sharing an online pupil version of this lesson.
Explore more key stage 3 computing lessons from the Developing for the Web unit, dive into the full secondary computing curriculum, or learn more about lesson planning.
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.
Licence
Starter quiz
5 Questions
makes text bold
creates an unordered list
defines a list item
adds emphasis to text
creates a paragraph
creates the largest heading
Exit quiz
6 Questions
specifies the image source
provides alternative text for accessibility
controls the horizontal size of an image