3. Last week you should have had something that looked like this

4. Start tag

5. End tag

6. Content

7. for what type of document your page is

8. HTML tags

9. are for the headers

10. for the webpage name

11. tags are for….

12. …everything you want to display on the actual webpage

13. for Headings

14. Further Headings

15. for paragraphs

16. for bold

17. for italics

18. for underlined

21. Blank lines

22. Indentations (Press the TAB button)

23.  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!!!

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

26. Attributes are inside the tag

27. src = path to the image

28.  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.

29. 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!

30. alt= alternate text

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

32. Height and width

33.  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

34.  More information @ W3Schools  http://www.w3schools.com/html/html_images.asp  Task  Open up the Images Worksheet presentation