Shopping Cart Forum

Go Back   eShop Forums - eCommerce Help Forum for Shopping Cart Owners. > Tech Corner > HTML/XHTML CSS & JavaScript
Register Blogs FAQ Members List Calendar Search Today's Posts Mark Forums Read
HTML/XHTML CSS & JavaScript Pick up tips, exchange ideas and swap client side scripts.

Pen n Paper, click here
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 16-10-2007, 01:01 AM
Lawrence Lawrence is offline
Forum Admin
 
Join Date: Aug 2007
Location: Kenley, Surrey, UK
Posts: 1,126
Thanks: 0
Thanked 65 Times in 65 Posts
Default What are image alt tags and how do I use them?

Some people seem to be unsure of what image alt tags are and how they are used.

Basically the alt tag is used to describe the image. It has several uses
  • To describe the image on text only browsers e.g. Lynx or browsers with image rendering switched off.
  • To provide text for software designed to read web pages audibly for visually impaired people.
  • Search engines love text but images are meaningless to them, so image alt tags give you the opportunity feed a few more keywords to the search bots.
This is how you use them.

HTML Code:
<IMG src=http://www.mywebsite.com/images/product1.jpg alt="my great shopping cart product">
There are a couple of other attributes that you can and should add to the above line of HTML and that is height and width definitions. Even if the image is to be displayed at it's original size they should be used to reserve space on the page until the image can be displayed. This isn't such a problem with broadband but it could be quite annoying to your customers on dial up if the text on the page they are reading while the page is loading starts moving all over the place as the images are displayed. Not only that, it looks more professional to have the page formated correctly from the beginning than have your customer watch it jumping about as it loads.All you have to do is this.

HTML Code:
<IMG src=http://www.mywebsite.com/images/product1.jpg width="200" height="120" alt="my great shopping cart product">
__________________
Lawrence
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to do a page redirect using HTML meta tags. Lawrence HTML/XHTML CSS & JavaScript 2 26-08-2007 11:20 AM
Trying to prevent image theft with no right click scripts. Lawrence eCommerce for Beginners 4 25-08-2007 05:19 PM
How to add a linkable image to your sig Nick Forum Issues 0 08-08-2007 07:13 AM

Google

Edible Graphics, Affordable E-Commerce, Web Shops & Custom Form Scripts
Fair Trade Quality Handmade Photo Albums & Gifts
tech news, product reviews, the latest home and business technology, the latest in digital imaging


Content Relevant URLs by vBSEO 3.0.0