1. BASIC HTML TUTORIAL Amber Brady

2. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a pair is the opening tag, the second tag is the closing tag BASIC HTML + EXAMPLES

3. HTML headings are defined with the to tags. H1 being the largest, H6 smallest. HTML paragraphs are defined with the tag. This is a paragraph. This is another paragraph. HTML links are defined with the tag. This is a link HTML images are defined with the tag. BASIC HTML + EXAMPLES

4. A text with a span element that can be styled with CSS. My dog has black eyes. An unordered HTML list: Coffee Tea Milk BASIC HTML + EXAMPLES

5. My Web Page My first paragraph.  The text between and describes the web page  The text between and is the visible page content  The text between and is displayed as a heading  The text between and is displayed as a paragraph ExampleExplanation

6. WEB PAGE SAMPLE

14. Web Graphic Formats Three main types: - GIF - JPG - PNG

15. Web Graphic Formats  GIF – Graphic Information Format  (Best for charts, graphics: ads, logos etc.)  can contain up to 256 colors  support transparency. If you don’t want a background for your graphic or don’t want it in a box.  can be animated  not good for photographs. Lose quality & files won’t be compact

16. Web Graphic Formats  JPG – Joint Photographic Experts Group  (Best for images w/ many colors. Scanned artwork or photos)  can contain up to 16 million colors  you can set the compression for each image to reduce the file size. The more compressed however the lower the quality.  not good for images w/ few colors, such as graphics or images w/ few colors. Will leave them looking blotchy.

17. Web Graphic Formats  PNG - Progressive Network Graphics  (Newest web graphics format)  Compact and versatile. Can combine features of GIF & JPG. (have transparent backgrounds & contain millions of colors)  supported by all modern browsers. May not appear in older browsers.

18. QUESTION JPG!  What web graphic format should this image be saved as?

19. Take a few minutes to fill in your answers. Short Quiz

20. http://www.w3schools.com http://www.buildwebsite4u.com/building/web- graphics-formats.shtml SOURCES