Words are not enough
Slide deck
Download slide deck
Lesson details
Key learning points
- In this lesson, we will explore the structure and operation of the "img" tag and understand how they can be used to 'add' images to web pages.
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.
Video
Share with pupils
Loading...
5 Questions
Q1.
What is used to provide structure in a HTML document
A text editor
Identifiers
Togs
Q2.
What will the following line of HTML display? The house was <em><b>very</b></em> big!
The house was very big! All in bold.
The house was very big! All in italics.
The house was very big! with the word very in italics.
Q3.
What is wrong with this line of HTML? <h1>Welcome to the world of HTML<h2>
Heading tags do not match
No closing tag
Nothing
Q4.
What word is missing from this line of HTML code? <h2 ="color:blue;">Pig one</h2>
center
color
font
Q5.
When using a text editor to create a web page, what file type should we make sure is at the end of the filename?
.pdf
.txt
.web
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.