[Basics I] [Basics II] [Emailing] [Graphics] [Lists] [Tables] [Linking] [Marquee] [Backgrounds] [Music] [Email Me] [Home]
Zog’s HTML Made Easy
HOW TO CREATE & ALTER LINKS ON YOUR WEB PAGE

HOW TO MAKE A LINK (WITH TEXT)
HOW TO MAKE A LINK USING GRAPHICS
HOW TO ADD AN ALT TAG TO AN IMAGE
HOW TO MAKE A PAGE-JUMP




MAKING A LINK (W/ TEXT)
  • To make a link to another one of your web-pages, which will allow the viewer to jump form one page to another very easily, copy the following tag and insert your information:

    <a href="/yourfilenamehere.html">Name of New Web Page</a>

    *This may differ a little, depending on the EDITOR you are using. Don’t forget to add the .htm or .html extension.

  • To make a link to a someone else’s web page use the same code,
    but make sure to use the FULL URL ADDRESS

    <a href=http://www.someone else’s web address.com>Name of the Web Page</a>

RETURN TO THE TOP
RETURN HOME



HOW TO MAKE LINKS USING GRAPHICS
  • You can use any image you want to make a link with, to both your web-pages and someone else’s web-pages. Just use the follwing tags:

    <a href=”/yourfilename.html” > <img src=”Theimagename.gif(or jpg)”></a>

    <a href=”http://www.any web address.com” > <img src=”image name.gif(or jpg)” ></a>

    Here is an example:

    Click ABOVE IMAGE to test.

  • NOTE: Go to MY GRAPHIC SECTION for more detail on altering your image size and postion!

  • I also suggest adding the width and height tags for faster page loading. Also if needed at a border=”0” to get rid of any border around your image (see GRAPHIC SECTION for more detail).

    <a href=”/yourfile.html” > <img src=”Theimagename.gif(or jpg)” border=”0” height=64 width=64> </a>

RETURN TO THE TOP
RETURN HOME



ADDING AN ALT TAG
  • I think adding an alt tag is very important. It can give the viewer a quick description of the link he/she may want to visit, without actually clicking on the link. If you have lots of images it also gives the viewer something to look at while your page is loading.

    <a href="web address you want image to click to"> <img src="your_filename.gif(or jpg)" border="0" width="???" height="???" alt="DESCRIPTION OF LINK HERE">
RETURN TO THE TOP
RETURN HOME



JUMPING WITHIN A PAGE
  • FIRST, at the exact place on the page you want to jump to insert the following tag:

    <a name="your target name here">Your Text Here</a>

  • 2nd, insert the clickable link (this is the text or image you the viewer will be clicking that will jump him to the appropriate location on your web page that you specified in step 1).

    <a href="#targetname">Text</a>
RETURN TO THE TOP
RETURN HOME


Created by
Zog's Web Design
Resides on Yahoo!
Yahoo! Rights Apply