HTML fundamentals
Lesson details
Learning outcome
I can create a structured web page layout that effectively displays text.
Key learning points
- HTML is used to create and structure content on web pages.
- The elements of a web page are represented by HTML tags.
- The basic structure of a web page is defined as headings and paragraphs.
- Content can be summarised on web pages as ordered (number) or unordered (bullet) lists.
Keywords
Web page - a multimedia page of information
Web browser - a software application used to view, navigate and interact with web pages
HTML - HyperText Markup Language, which is used to define and structure content on web pages
Tag - a marker in HTML that indicates where different elements of a web page are
Common misconception
HTML is a programming language.
HTML is a markup language. It defines the structure and appearance of content on a web page, but does not not do any processing of data into information.
Teacher tip
Pupils will have encoutered many uses of HTML in the world around them. Tailor the activities in the slides to best reflect the experiences pupils in your school will have had when using HTML-based technology.
Equipment
Pupils will need access to a device with HTML editing software. Examples in this lesson use the RPF Code Editor https://oak.link/html-editor
Licence
Lesson video
Loading...
Prior knowledge starter quiz
6 Questions
Q1.Which of the following is not a web address?
Q2.Which of these is a popular web browser?
Q3.Which three-letter term refers to the address you type in a web browser?
Q4.What does URL stand for?
Q5.What does a browser do?
Q6.Match each term with its definition:
software to access web pages
a web address
a versatile programming language
language for structuring web pages
Assessment exit quiz
6 Questions
Q1.What does HTML stand for?
Q2.Which HTML element is used to create a paragraph?
Q3.What tag is used to create a main heading?
Q4.What is an unordered list in HTML?
Q5.How are ordered lists represented in HTML?
Q6.Arrange the following HTML tags in the order needed to create a simple page structure.
To help you plan your 11 computer science lesson on: HTML fundamentals, download all teaching resources for free and adapt to suit your pupils' needs...
To help you plan your 11 computer science lesson on: HTML fundamentals, 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 4 computer science lessons from the HTML programming project unit, dive into the full secondary computer science curriculum, or learn more about lesson planning.