The <IMG> tag, I have mentioned the various codes for the tag before in one of my blogs, but some people have had trouble understanding what they are used for. So I am explaining them in greater detail this time.
1. <Alt> (Alternate) ALT specifies the text that should be displayed if the picture is not displayed.
What it does:
When the mouse is placed over the image, a tiny box opens to display the specified text.
How to use: Add it in your
<Img> tag, for example:
<Img src=http://image.gamespotcdn.com/tv/images/emblems/social_butterfly.gif Alt="Butterfly Emblem"> Anything else: The
<Alt> can also be used in other ways. Here are some examples: i. To leave a quote.
Place your mouse over the picture below to read what he said.
ii. To put a comment. eg.
Place mouse on image to read the comment.
2. <Align> (Alignment) ALIGN sets the alignment of the image relative to the text around it.
What it does:
It shifts the accompanying text over to the side of the image you indicate. Here's a before and after example: i.
Before:
Enter the 'Most Romantic Blog' contest and get a an emblem for your participation! ii.
After:
Enter the 'Most Romantic Blog' contest and get a an emblem for your participation!
Notice that the text now utilises all the space on the right of the image.
How to use: There are many ways to use the
<Align> tag, for example: i.
<Img src="http://image.gamespotcdn.com/tv/images/user_icons/24/24_kim3.gif" Align="left"> will give you this below:
Notice that the image appears on the left, and this text appears on the right of it. ii.
<Img src="http://image.gamespotcdn.com/tv/images/user_icons/xfiles/xfiles_x.gif" Align="right"> will give you this below:
Notice that the image appears on the right, and that this text appears on the left of it. iii.
<Img src="http://image.gamespotcdn.com/mp3/images/user_icons/Other/mod.gif" Align="absmiddle"> will give you this below:
Notice that this text begins at the absolute middle right side of the image. iv.
<Img src="http://image.gamespotcdn.com/tv/images/user_icons/comics/10.gif" Align="top"> will give you this below:
Notice that this text begins at the very top of the image. But any further text flows to the bottom afters.
3. <Vspace> & <Hspace> (Verticle Spacing & Horizontal Spacing) Vspace sets the vertical space between the image and surrounding text.
Hspace sets the horizontal space between the image and surrounding text.
What it does:
Vspace sets a verticle gap between the text and the image. For example:
Notice that this text is several spacings below where it should be.
Hspace on the other hand, sets a horizontal gap between the text and the image. For example:
Notice that this text is several spacings apart from the image.
How to use: Add it in your
<Img> tag, for example:
<IMG SRC="http://image.gamespotcdn.com/tv/images/user_icons/comics/10.gif" HSPACE="4">
Well, I hope that everyone understands how to fully display their images in the best way possible.
But if anyone still finds it confusing or too complicated, then here is a perfect sample code for you to copy and use whenever you wish, suitable for use on your blog or sig:
<IMG SRC="Put URL of image here" ALT="Put description/quote/comment here" HSPACE="4" ALIGN="left">
With my riddles games up for nomination for Best Cult, I thought it would be approriate if we had a name for this very exclusive society. I think the members of this society should be called the "
Tamers of the Cryptic" or perhaps "
The League of Riddle Decipherers". Any other suggestions? Riddle#30:
Cream-filled light pastry, too sweet, spicy and nice for my mojo. The answer to the cryptic riddle is a title to a television show. If you know the answer to this cryptic riddle, PM me.
Please do not leave the answer in the comment box. There are also emblems to be awarded to those who manage to solve a certain number of riddles correctly. See here for details:
The Emblems And if you're looking for the rest of my cryptic television riddles,
Interesting links:
The January 2006 Superlatives 'Most Romantic Blog' Contest (12 entrees currenty)
Blog of cool and not so cool links Exercising your Music Muscle Links to other uninteresting profiles of me:
My Gamespot.com My mp3.com My TVRage.com
Log in to comment