Last week you should have had something that looked like this

Start tag

End tag

Content

for what type of document your page is

HTML tags

are for the headers

for the webpage name

tags are for….

…everything you want to display on the actual webpage

for Headings

Further Headings

for paragraphs

for bold

for italics

for underlined

Blank lines

Indentations (Press the TAB button)

 All images on your site need to be saved in your images folder  You can create sub folders to organise your images  For example an animals folder for all animal pictures  You can display all the common image types such as.JPG,.GIF and.PNG  Chose a PNG image over any other type!!!

No content? No end tag? /> acts as an ending

Attributes are inside the tag

src = path to the image

 How do we set the image we want to display?  Open up the folder explorer and go to where your web page is  Write down which folder(s) you’d need to go into to find your saved image  Separate each folder with a /  For example my cat picture is saved in the “images” folder.

This is why we make sure all our webpages are in the top folder, and all our images are in a sub folder! Imagine the mess if we didn’t have any structure!

alt= alternate text

 What if the image can’t be displayed?  Blind people  Slow Internet  You can set alt text by using the “alt” attribute

Height and width

 Your image might be way too big to fit nicely on the webpage  Can set the height and width in pixels  Good practice  The browser will reserve space for the images  If you don’t reserve space, the layout will change as the images display

 More W3Schools   Task  Open up the Images Worksheet presentation