1. Web Design (3) HTML tags

2. Back to your web design ! Open Brackets Click on the drop down box on the left. Last time, you clicked on ‘Open Folder’ but this time you don’t need to. Why??? Brackets has remembered your web site! So, now click on your website name.

3. Document structure (meta : describes content of site to browser) (utf-8 : unicode transformation format – 8 bit)

4. More about tags (1) Paragraph tag – to create a block of text, with blank line above and below. Emphasis tag – used within paragraph tag.

5. More about tags (1) - Exercise Using and tags with the sentence that you entered into, See how they alter the look of your text, Using the ‘Live Preview’ icon

6. More about tags (2) italics tag largest heading also:-

7. More about tags (2) - Exercise Inside the of your document, type in another 3 or 4 sentences about your site. Now using,,,,, and tags enhance your text, Again using the ‘Live Preview’ icon to examine the changes.

8. More about tags (3) For content that is not to appear in browser A tag with no end! for line break Tags cannot be nested within themselves. (The exception to this rule is the tag. More about his later!)

9. More about tags (3) - Exercise In the area, write a sentence that provides information for the web designer and not the user. (e.g. ‘Introductory words’) Now experiment with ‘commented out’ that text using and using line breaks with in the whole piece that you have written (Don’t bother with at the moment!) But do check out the Live Preview!

10. Some HTML characters (1) Browsers only provide one white space between characters. To force an extra space:- To produce (‘and’ symbol) & & (double quotes) ” " (single quotes) ‘ '

11. Some HTML characters (1) - Exercise Maybe write another 2 sentences in the And practice these new symbols (& " ') and the ‘extra space’ maker ( )

12. Some HTML characters (2) To display ‘less than’ ( ) symbols Use < > So 10 litres > 10 pints Is 10 litres > 10 pints

13. Some HTML characters (2) - Exercise And finally (!) Write a sentence using the greater than (>) and less than (<) symbols. Via ‘File’ on the tool bar, save your work and leave Brackets. Well done!