1. All you ever needed to know…and more!

2. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with tags (special codes) Make web sites

3. TAGS Beginning tag <> Ending tag Example: HELLO

4. HEADINGS Change font sizes H1=largest H2 H3 H4 H5 H6=smallest

5. Appearance tags (how fonts look) =bold =italics =underline text * To combine heading & appearance: This is cool!

6. Line Formatting =new paragraph =line break (spacing) =horizontal rule = paragraph alignment

7. SAMPLE PAGE What the beginning of a page looks like: Everything About Me My name is Alice Lingo etc. Each tag needs to be on a separate line

8. Ending tags Ends body of web page Ends entire page *These tags must be at the end of every page!

9. How to start programming Open notepad Beginning tags Add info Save as: filename.html Changes to a web browser file Open in explorer View sample page

10. Practice Time… Open notepad Use beginning tags Add 2 lines of text Ending tags Save and browse

11. BACKGROUND & font COLORS Add after tag

12. Other tags Ordered list (numbered) My Favorite Places = indicates beginning of list Orlando Hawaii North Clarion = indicates end of list Unordered List (bulleted) Same, but change to Save and view

13. Advanced tags Change font size and type Under body tag or with it Save & view

14. ADVANCED TAGS Insert images & change their size Place tag where you want picture to appear Save & view

15. ADVANCED TAGS Link pages to another site Place tag where you want link to appear WalMart Save & view

16. ADVANCED TAGS Link your pages together My Pet Page Save & view

17. ADVANCED TAGS Insert picture instead of text for links file:///h|/pets.html Save & view

18. ADVANCED TAGS Use picture as background Instead of End with same tag at bottom Save & view

19. WEB PAGE PROJECT Create a web site about yourself Must have at least 4 pages Hyperlinks 3 links to favorite web sites All pages linked back and forward Ordered or Unordered list Horizontal rules Clipart, Fonts and backgrounds used *Make sure all fonts are visible and readable; check spelling and links!!

20. Beginning tags must be at the top and bottom of every web page Indicates beginning and end of an HTML contains info about the web page name of web site Title of your web page Blue title at top Ends heading info