Linking files and sites!

Mitzrah's Get IT Right Column!!
HTML Tricks
Updated : Saturday, August 01, 1998

HTML writing:

Question: How do get an image to load onto my page?
Let's assume you have an image file, called picture.jpg (image files are usually of type jpg, gif or bmp so you can use this code interchangably). Make sure you have uploaded it to somewhere in your directory. You can use EZupload (Geocities) or FTP procedures to get your files from your computer to you directory. This is the code that should appear in your HTML file.

As simple as that! No joke! Remember you can also use this form of URL, it is called an absolute URL. If you use this method, provided the source is still there, the image or souce will load. You just bang in the COMPLETE URL of the picture. Very useful when signing guestbooks!

A picture like this would show if I used the code above. OK stop laughing, I know I am not good looking but this is just another excuse where I can show off how I look like HEHE!

Question: How do I link to another person's site?
Linking to another person's site is relatively easy. Let's take for example my site, http://www.oocities.org/Tokyo/Pagoda/1545 to link to my site what you have to do is use this tag:

<a href="http://www.oocities.org/~mitzrah">Click here to go to Alex's site!</a>

Then something like this would appear:

Click here to go to Alex's site!

You would then find that by clicking on it, you will be transported to my page. Most of the time links will be underlined like so. But since I used special formatting... My underlines do not show up!

Question: How do I link to another HTML file?
Okay, now you have a HTML file you want to link to! Let's say the filename is called secondfile.html (it can have .htm as the extension as well and it will still work). You would want to use these tags to link it from your first file.

<a href="secondfile.html">Click here to take a look at my second file!</a>

Click here to take a look at my second file! <PLEASE DO NOT CLICK!>

And you would get a link like on the above. Again please remember that if you do not use special formatting like I did, you will find that your links would be underlined like so! <PLEASE DO NOT CLICK!>

Question: How do I make an E-Mail me link?
To do this is quite simple... The form is as so:

What this produces is E-Mail me!

Question: How to make the underlines on links disappear? [MAGIC!]
To do this is quite simple, all you have to do is insert the following HTML lines into the region just AFTER your </HEAD> and your BEFORE your <BODY> tags. This is one of the tags in DHTML, MSIE 4 supports it pretty well but I can't say the same for other browsers.

</head>
<style type="text/css">a:link{text-decoration:none}</style>
<body>

Easy peasy! Insert the brown bits only though :)

Question: How to make BLINKING text?
To do this is quite simple, all you have to do is insert the following HTML lines:

<blink>Blinking text here</BLINK>

Question: How do I change the comments on the status bar?
<a HREF="url" onMouseOver="window.status='status bar message';return true" onMouseOut="window.status=''">
Text link or picture link here!</a>

This works something like the a href tag but as you can see it is a more expanded form. Feel free to replace the url with the url of another page or picture or another HTML file and status bar message with a suitable status bar message. Usually this manner of "blocking" the status bar with your message is quite annoying. Simply because people cannot see where they are taken to.

Notes from Alex:

If you found my guidance helpful, please drop a note by my guestbook! So I know that you have dropped by and benefitted from my efforts, it took me quite sometime to get these tutorial up! Click on home and then SIGN GUESTBOOK! I will also visit your homepage and will sign your guestbook too.


[ Emiri Nakayama \| Sailor Mars, Rei \| About Me \| Photo Gallery ] [ WWW Resources \| HTML Tutorials \| Hints & Tips \| Banner Exchange ] [ Awards \| Win My Award \| Home \| Links \| Change Music \| E-Mail Me ]

LinkExchange Member

Free Home Pages at GeoCities