Phil Campbell, London South Bank University Session 1 Starting HTML

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

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?

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

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

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

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

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

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

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

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

Phil Campbell, London South Bank University Headings

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

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

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

Phil Campbell, London South Bank University

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

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

Phil Campbell, London South Bank University Exercise 1

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

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

Phil Campbell, London South Bank University