Today we will look at how to put an image into a web page.
We will need this tag:
In fact, for the img tag to work, it needs to know the source location of the image. So we need to do this:
And then, inside the quotation marks, we need to write the filename and the filetype of the image.
Note, there are many image filetypes in digital technology:
Before we start to use the <img/> tag, let's make an image.
If you have Adobe Illustrator, follow this tutorial.
If you don't have Adobe Illustrator, follow the tutorial to get ideas and use your own software to develop the image
Save your image as camera.svg in your Focus 4 project folder.
Create a new webpage file called Focus4.html in your project folder.
Now, make a webpage about your camera. Your webpage should promote the camera and make people want to buy it!
You can show:
These are just ideas. Be creative!
Submit your project folder as instructed by your tutor.