How to use images correctly in html

Save 15% On Pluralsight - Annual Subscription Only $299

Pluralsight courses
LinkedIn Premium uses PayScale to estimate job salaries

Save 15% On Pluralsight - Annual Subscription Only $299


Premium (Not Free) Video Tutorials

Free Video Tutorials & Free Tools

Webpages are not complete without images ?

But it is important to keep in mind some basic things about images when it comes to designing webpages using images

#Tip1 Never use absolute paths for images because incase that link is dead your webpage will look awful instead use relative paths .

Note: We have done a tutorial on relative and absolute paths

#Tip2 Never resize image using height and width properties of image tag because these attributes do resize the images but first the browser has to load the original image completely then browser resizes them so if the image is large webpage takes time to load . So you can resize them in photo editing tools and then upload them to your website.

#Tip3 Always give descriptions to images incase if your image dosnt work or if some one is facing problems to retrieve big images in mobiles etc they can see the small description (alt attribute)

If you have more tips and suggestions do tell us at idealprogrammer forums !!

Related posts:

  1. How can you style your html content area If you are deciding to make your own website or...
  2. Absolute and Relative path for beginners When you're creating links to documents and images on the...
  3. Images Example JavaScript (JS): HTML DOM Object Collections – Images Example JavaScript (JS) Images Example JavaScript (JS): HTML DOM Object Collections - Images...
  4. IdealProgrammer.tv IdealProgrammer.tv A new platform for developers to learn various programming...
  5. Beginning css Do you want to learn css ? I am assuming...

Related posts brought to you by Yet Another Related Posts Plugin.

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

Powered by WP Hashcash

This blog uses the cross-linker plugin developed by Web-Developers.Net