1. Phil Campbell (LSBU) Session 2 Other Common Tags IMG Finding images Tables Anchor Tags Web layouts Tables Exercise Summary of attributes

2. Phil Campbell (LSBU) Review Start / End tags HTML, TITLE, HEAD, BODY, B, I, U, FONT, BR, P, OL, UL, LI Attributes

3. Phil Campbell (LSBU) The image tag First image example Here is an image Here is a picture All Done

4. Phil Campbell (LSBU)

5. Phil Campbell (LSBU) - attributes ALIGN ALT HEIGHT WIDTH IMG has a large number of attributes which include: Describes position of the image with respect to the surrounding text Provides a pop-up when the mouse is over the image Size of the image "bottom" "left" "middle" "right" "top"

6. Phil Campbell (LSBU) Finding the image Current location Cat01.gif other HTML files images

7. Phil Campbell (LSBU) Finding the image Current location Cat01.gif other HTML files images backup

8. Phil Campbell (LSBU) Finding the image Current location Cat01.gif images info c:\ stuff junk aa MyPage mySite bb Relative Address

9. Phil Campbell (LSBU) Finding the image Current location Cat01.gif images info c:\ stuff junk aa MyPage mySite bb Relative Address

10. Phil Campbell (LSBU) Finding the image Current location Cat01.gif images info c:\ stuff junk aa MyPage mySite bb Absolute Address

11. Phil Campbell (LSBU) TABLE... one two three four one two three four

12. Phil Campbell (LSBU) Using Tables first Table A Table one two three four

13. Phil Campbell (LSBU) Using Tables first Table A Table one two three four

14. Phil Campbell (LSBU) Using Tables first Table A Table Cat Felix felix and cat using table attributes

15. Phil Campbell (LSBU) Anchor tags 2 kinds of anchor. 1.Name a location in the document to jump to. 2.Mark a piece of text in the document as a hypertext jump which allows the user to move to another location or another document

16. Phil Campbell (LSBU) Hyperlinks Names a location in a document that can be jumped to. click here Jumps from this location to the location called jewels. go to page 5 Anchor

17. Phil Campbell (LSBU) Hyperlinks click here Jumps from this location to document MyPage.html. click here Jumps from this location to location target in document MyPage.html.

18. Phil Campbell (LSBU) Hyperlinks Jumps from this location to document info.html which is to be found 2 folders above and in a folder called services Jumps from this location to document info.html which is to be found on the web site lsbu.ac.uk in a folder called jfl

19. Phil Campbell (LSBU) Jumping to the default page Jumps from this location to document in jfl on site www.lsbu.ac.uk by opening the file index.html or default.htm On most servers use index.html. Microsoft servers generally use default.htm www.lsbu.ac.uk

20. Phil Campbell (LSBU) Connecting Pages Home Linear …

21. Phil Campbell (LSBU) Connecting Pages Home …… Hierachical

22. Phil Campbell (LSBU) Connecting Pages Home Pictures Links hobbies Mixed topology

23. Phil Campbell (LSBU) Tables Exercise ALIGN = "center" BORDER="1" H1 COLOR="darkgreen" SIZE = "+2"

24. Phil Campbell (LSBU) Using Tables Exercise This is an exercise Student No Name 1234567 Fred Smith 3212323 Jamila Patel 1525355 Gunter Awale

25. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: BGCOLOR BACKGROUND

26. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: COLOR SIZE FACE

27. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: ALIGN BORDER WIDTH BGCOLOR

28. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: ALIGN: center justify left right

29. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: TYPE:(OL) A A,B,C … a a,b,c … I I,II,III,IV… i i,ii,iii 1 1,2,3 TYPE (UL) circle disc square VALUE

30. Phil Campbell (LSBU) Summary We have covered the following HTML Tags.. Attributes: ALIGN ALT BORDER HEIGHT WIDTH SRC