Year 8
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.
Lesson details
Key learning points
- In this lesson, we will start to experiment with using CSS to format tags in a HTML document. We will format schemes to work and extend our knowledge by researching the numerous attributes that can be controlled by CSS.
Licence
This content is made available by Oak National Academy Limited and its partners and licensed under Oak’s terms & conditions (Collection 1), except where otherwise stated.
Loading...
7 Questions
Q1.
What is the current standard for HTML?
HTML!
HTML4
HTMLS
Q2.
What is the main purpose of alt tags?
To display a description of the image over the it like a caption
To display a description of the image when a user clicks on it
To display the filename of the image
Q3.
What is the correct tag to display an image?
<image source="image filename">
<image src="image filename">
<img source="image filename">
Q4.
In the example in the previous question, where would we add the alt tag?
After the >
Before the <
Before the first "
Q5.
What is the purpose of <!DOCTYPE html>?
It adds .html on to our filenames automatically.
It allows you to open the web page in a word processor.
It tells your browser that this file includes images to display.
Q6.
When creating a new web page, which tag comes first the <html> or the <body> tag?
<body>
Q7.
When using the width attribute for images, what comes directly after it?
"50%" or whatever percentage you are choosing.
Number of centimetres wide.
Number of pixels wide.
5 Questions
Q1.
CSS is easier to change formatting than inline formatting of HTML.
False
Q2.
CSS takes more time to format large HTML documents.
True
Q3.
CSS requires a reference to the style sheet within the HTML document.
False
Q4.
CSS makes HTML web pages more consistent in their formatting.
False
Q5.
The tags specified in a CSS document need to be referenced using angular brackets, e.g. <h1>
True