1. Phil Campbell, London South Bank University Session 1 Starting HTML

2. Phil Campbell, London South Bank University For this lecture... You need to take notes for later....

3. Phil Campbell, London South Bank University This Session What is HTML? Why is it important? How do we create it? How do we view it?

4. Phil Campbell, London South Bank University What is HTML HTML is a markup language HTML defines how text should appear HTML allows links between documents (possibly in different locations) HTML stands for HyperText Markup Language

5. Phil Campbell, London South Bank University What is a markup language This is some text ( normal text) This is some text Displayed as

6. Phil Campbell, London South Bank University What is a markup language This is some text Displayed as Start Tag End Tag

7. Phil Campbell, London South Bank University HTML structure This is some text

8. Phil Campbell, London South Bank University Entering HTML Open Notepad and type in your HTML. Save the file giving it a name with the extension HTML Beware of getting the wrong extension

9. Phil Campbell, London South Bank University View HTML Open your browser Open the file you saved earlier. It should appear rendered as suggested by the tags

10. Phil Campbell, London South Bank University deprecated This is some Text - - - More Text Attributes

11. Phil Campbell, London South Bank University SIZE=+2COLOR=redFACE=Courier SIZE=3 COLOR=blue FACE=Arial

12. Phil Campbell, London South Bank University Headings

13. Phil Campbell, London South Bank University Words Tag Attribute Start Tag End Tag Render Browser Notepad Attributes FONT: COLOR SIZE FACE... Tags

14. Phil Campbell, London South Bank University Lists... Grape Orange Apple Grape Orange Apple

15. Phil Campbell, London South Bank University Lists... Grape Orange Apple Grape Orange Apple

16. Phil Campbell, London South Bank University

17. Exercise 1 Write down HTML for the display shown here Header Green and Size = 5 boldNew lineitalic Horizontal Rule Font size 3paragraphFACE = “courier” Underline

18. Phil Campbell, London South Bank University Answer to Exercise 1 Exercise 1 T his is a fi rst Exercise In using HTML

19. Phil Campbell, London South Bank University Exercise 1

20. Phil Campbell, London South Bank University Exercise 2 BGCOLOR = "linen" H1 Size 7,6,5,4 underline Ordered list centered paragraph Speak for themselves }

21. Phil Campbell, London South Bank University Exercise 2 Example 2 Exercise 2 T h i s is ex erc ise 2 Green BIG Italic code

22. Phil Campbell, London South Bank University