Global Marketing Resource

HOME
OPPORTUNITIES
COACHING
MARKETING TOOLS
LINK TO US
eBOOKS/eCOURSES
ADVERTISING
CLASSIFIED ADS
NEWSLETTER
ARTICLES
NON-COMPLIANT ALERTS
ABOUT US
LEGAL NOTICES
PRIVACY POLICY
CONTACT US
_____________________

This Site Is Dedicated
To
Georgia Perel
_____________________

Lesson 6: Anchored Links through Try This On Your Own HTML Page

Well here we are at the end of this little course. I hope that this helps you as much as it
did me. There are other sources to expand your knowledge of HTML listed on the HTML
Course Page.

ANCHORED LINKS:

Without links, the World Wide Web wouldn't be a web at all! To add a link... you will use the
<a href="whatever location"> opening tag </a> closing tag. Whatever appears between these
two tags will become underlined and colored, and if you click on the underlined text it will send
the browser to the location within the quotes.

If you want the link to open to a New Window, so it doesn't take your visitor away from your site
then you use the same tag with the words... target=blank... as shown in blue: <a href=" whatever
location" target=blank> opening tag </a> closing tag.

Example of a standard link:

Get Free Recipes Here

<a href="http://www.theculinarycompanion.com"> Get Free Recipes Here </a>

Example of a link that opens to a New Window:

<a href="http://www.theculinarycompanion" target=blank> Get Free Recipes Here </a>

Note: Although Links are usually used to send people to other web pages, you may also use
them to send eMail to a specific address by using a location of Mailto:user@host.

Example of a mailto link:

Send eMail to Webmaster !

Send eMail to <a href="mailto:webmaster@global-marketing-resource.com" > Webmaster </a> !

IN-LINE IMAGES:

You may also add images (pictures) to your web page, as long as the image is in the .jpg (or .jpeg)
or .gif file formats. You will not be able to use .bmp format files!

The basic tag for in-line images is <img src="location of the image">
.

It is also recommended to add HEIGHT and WIDTH attributes to the IMG tag, which will allow the
image to take proper proportions on a browser that is not currently viewing images.

It is also recommended to use the ALT=" what the picture is" to tell a person what a picture is in
case it's still loading, or they are not viewing the images. (NOTE: The IMG tag has no Closing Tag !).

Example of a basic in-line image:

COMBINING LINKS AND IMAGES:

Many times you may want to have an image that is linked, so that if someone clicks the image,
they will be taken to another page. This is rather simple- you just need to place the IMG tag within
the A HREF tags. These links will be used for a number of things such as Banners, Pictures, or
other graphics.

You may also use the ALIGN tags with images, to place them Left, Center, or Right on the page.

You can also have it open to a New Page.

When an image is also a link, it has a border around it by default. You can control the width of
the border - or turn it off completely - by using... border=n... within the image tag. "n" is the width
of the border (n=0 for no border).

Example of a linked image with no border:

TRY THIS ON YOUR OWN HTML PAGE:

Add the following to your HTML page ("Home.htm"): (the blue text is what to add).

Find the image of a small bullet and right clcik it and save it as "bullet.gif" in the same directory
where your home page "Home.htm" is stored.

<html>

<hr>

This is the home page of
<a href="Your URL"><img src="bullet.gif" border=0><b>Your name</b><img src="bullet.gif"
border=0></a>

<p> Type something about yourself here! Don't forget to use bold and italic text, for emphasis</p>

</body>

</html>

Save the text file as "Home.htm".