Notes

Slide Show

Outline

1	HTML –part III How to add images and hyperlinks
2	Images <img src=“nameofimage.gif> Websites use Gifs - good for logos animations Jpeg –best for pictures Png- a microsoft format
3	Image attributes <img src="name" border=?> Sets size of border around an image <body background="your background image name.gif"> adds a background picture to your site <img src="name" align=?> Aligns an image: left, right, center; bottom, top, middle
4	Picture and text align left <p><img src=“cat.gif" width="75" height="50" alt=“cat" align="left">
5	Picture and text align right <p><img src=“cat.gif" width="75" height="50" alt=“cat" align=“right">
6	Image and text centered <p><img src=“cat.gif" width="75" height="50" alt=“cat" align=“center">
7	Image spacing Add spacing around your image: <img src="cat.gif" hspace="15"> Or above and below Vspace=8, Hspace=8:
8	Hyperlinks <a href=http://www.afuldauer.com></a> a href="mailto:afuldauer@yahoo.com"></a> Creates a mailto email link
9	Your turn Work on your website Add images, experiment with layout options and spacing Add a hyperlink to a school appropriate website Add an email link – if not your use mine – msannettelang@yahoo.com