"IMG SRC & A HREF TAGS"

 

<img src="><a href=">

What are these???? This page will explain it for you.

Lets start with the image tag. We will keep it very simple and basic. There are a few things you can do with it but it is best to keep it to the basics. Lets not forget, not everyone has the latest version of browsers and in so, can't view a lot of the fancier things you can do with some tags. Use the old *K*I*S*S* principal here. Here we go.....

<img src=">

This is for applying an image to your website. Img meaning "image" and src meaning "source for image (the URL, or more so, where the image is stored in your directory).

Below I will show you how to put a simple image on your own website. This is not linked to anything. It is only used when you want to put an image on your own site. For instance a photo you wish to put up, could be an interesting pic you've taken you would like to show or family or friend, etc. But it is strictly for your site only with no link to anywhere. I will do it using this addy as an example. You would substitute your addy for mine and your image for the one I have used. Here goes......

<img src="//www.oocities.org/SiliconValley/Disk/4037/ChinchillaPic.jpg" border="0" height="125" width="189" alt="My Chinchilla - size 10 kb"></a>

and when done, this is how it will look on your page....

My Chinchilla - size 10 kb

Now... look above at the example of the html I used to put this pic on here and I will break it down for you..

First you have the bracket (a must), then the img src which is the tag..... then the =. Followed by your URL and the image name. In simple terms it is saying the address the image is drawn from. Your directory! Any URL must start with "http:// (in html anyway, you may leave this part off if you are using a browser but never in html when a full address is required).

Of course... obviously the next thing you see there is the address of your site. Then comes the name of the image (jpg or gif) you are using. You then add the border, height of the image, width of the image, and don't forget the alt!

Your last tag is the closing anchor because the opening one was in the "a href" part.

***************************************

The next part of this.. :-) The "a href" part.. ready?

When you wish to add a link to an image this is when you use this html also along with it. In other words, if you wish to put a picture on a page and you want your visitors to click on it and for that click to take them somewhere else, you use this. It goes first, before the img src html I showed you above. Here we go.....

<a href="http://www.oocities.org/SiliconValley/Disk/4037/index.html"> <img src="//www.oocities.org/SiliconValley/Disk/4037/ChinchillaPic.jpg" border="0" height="125" width="189" alt="My Chinchilla - 10 kb"></a>

Do you see what I have done? I have put the a href part ahead of the image part. The a href part is where you want your guest to be taken to when they click on the image. Here is an example below of what it will look and act like on your site when done. Go ahead, click on it. It will bring up a new browser for you so don't worry about losing this page. You can learn how to make things pop up in a new browser by going to the "Targets" section in the main directory.

My Chinchilla - 10 kb

***********************************

One more little thing. For images it isn't always necessary to put the entire address in.. I am speaking of the img src part of it. The example above works just as well when typed as the following.....

<a href="http://www.oocities.org/SiliconValley/Disk/4037/index.html"> <img src="ChinchillaPic.jpg" border="0" height="125" width="189" alt="My Chinchilla - 10 kb"></a>

This is the end of this lesson....

To print this page out go to the top of your browser and click on "file" then a menu will drop down and click on "print". Don't forget to turn your printer on!


If you would like to send these pages to a friend on ICQ simply click on their name on your ICQ list and when the window comes up click on "URL". A new window will come up with this URL already printed in it for you, just click "send". (If you want to send to more than one person on your list, click on "Multiples" before you send.)

Or if you are not on ICQ, simply click on the pretty little button below to automatically email this page to a friend! It will bring you to a page that all you have to do is type in the recipient's email address and the URL of the page you are sending will be sent to them.

Mail2Friend : 1 Click 2 recommend !


© 2000 vjr All Rights Reserved.
(exceptions are company logo's)

Email me

Join my mailing list!
Enter your email address below,
then click the 'Join List' button:

Powered by ListBot

View I_want's Guestbook

Free Guestbook by Guestpage

Sign I_want's Guestbook

This page has been accessed times.

Back to this sites Main Directory

I_want's Kinder, Gentler Site I_want's Photography Site

I_want's Personal Site I_want's Graphics Site

I_want's Postcard Palace

 

Geocities