Images
So you have been playing around with a few tags now and you may have a few headings and some text on your page, hopefully a few links to navigate around your site too. Now to start importing some images into your site, something a little more interesting for your visitors to look at.
First we need to think about the images we are going to put onto our page, the 3 most used format's which are compatible with nearly all browsers are gif, jpeg and more recently png. Saving your pictures as one of these 3 formats will give your picture compression which enables the image to load on a web page as quick as possible. To compress your images you can use a number of programs, photoshop and IrfanView are a couple i use but every one has there own preference's depending on how much you are willing to spend.
So lets insert our first image:
<body>
<img src="examplepic.jpg" alt="This is an example Picture" />
</body>
Inserting images are pretty simple as you can see above all we do is point to the image source and use the alt attribute this is what the browser display's if for some reason it can not find the image, the alt command is also used for people having the web page read out to them by the browser. The alt attribute is needed for all images for your web site to comply with (X)HTML validation.
This is all we are going to cover about images here because the rest is talked about in the css section, if you would like to know about re-sizing your images and accurately positioning your images please see css images.
Links.
Web Hosting
Security
Spyware & Adware
Pop-up Blockers!