Lesson Five




previous lesson
next lesson »

Getting Hyper!

A HYPERLINK, or LINK for short, is a navigation tool you can build into your page which enables your visitor to click on a word, phrase, or image, and be taken to the url you put into the link.

The first thing you need is the url, or Uniform Resouce Locator, of the site you are linking to. The url is the address, that thing that usually begins with http://.

Next, decide which word or phrase you want to use for a link. Maybe you know of a terrific on line service you can use to transfer graphics, and you want to recommend it to your visitors. Write a little blurb of Text that fit's into your web page.

Once you decide which word or words to use as the link, place a set of link tags around that word.

A link tag looks like this:

<A HREF="URL"> TEXT </A>

In the case of Domino Marketing the url is

"http://dominomarketing.com"

So the tags would look like:

<A HREF="http://dominomarketing.com"> Marketing</A>

Here's How that will look on your web page:

You can learn Search Engine Optimization on line
at Domino Marketing

You've probably noticed that links are underlined. You don't have to do anything to make them that way, your browser will automatically underline all links.

How About Email?

You can place a special link in your page that, when clicked, allows your visitor to email you. Do by placing a MAILTO value in your link tag.

<A HREF="Mailto:me@myserver.com">

It's An Image Thing

<IMG>

To place an image on your page, use the image tag. Like the font tag, the image tag requires attributes. Unlike the font tag, IMG is a stand alone tag which does not require a closing tag.

You place the IMG tag where you want your image to appear. This takes a little practice, but in no time at all you'll be putting graphics and pictures on your page with your eyes closed.

I mentioned that the IMG tag uses attributes. Here are two attributes you'll need to know:

SRC and ALIGN

SRC stands for source. This attribute needs a value, so you'll use the url of the GIF or JPG file where your image is located.

<IMG SRC="url">

Where the above example says "url", put the address where your image is stored. Don't forget to put quotation marks around the url. Usually when I have problems with a link or image it's because I forgot to put quotation marks, or mis-typed my url.

ALIGN dictates how you want your text to line up in relation to your graphic.

<IMG SRC="url" ALIGN=top>

In the example above, I specified that I want the text I type right after the IMG tag to line up with the top of my graphic.

It will look like this:



Notice how my first line of text lines up along the top and the next line skips down to the line below the graphic.



<IMG SRC="url" ALIGN=middle>

If you use ALIGN=middle Your first line of text will start at the middle of your image, and will look like this.







If you want your text to line up with the bottom of your image, use this:

<IMG SRC="url" ALIGN=bottom>

And here's what that does:



This places my first line of text along the bottom of the image .

Positioning Your Image



If you only use the IMG tag, your image will usually end up on the left side of your screen. But what if you want your picture of Aunt Mabel on the right side of your Homepage? The answer is to use the align attribute.



To place your image along the right side of the page, you can use the ALIGN attribute again.

<IMG SRC="url" ALIGN=right>

To place the image in the center of the page, use this;

<IMG SRC="url" ALIGN=center>

Remember I said that you dont usually need an align attribute to place your image on the left? This is because most browsers will place it there by default. Not all do though, so to be safe, write your image tag like this if you're favoring the left hand side:

<IMG SRC="url" ALIGN=left >

These are the basic methods of positioning images on a web page. There is a way to do this with a little more precision and control, but first you need to know how to make TABLES. Fortunately for you, That's exactly what our next lesson is about.



But First

Lets combine the two concepts we've discussed by using an image as a link. We do this by NESTING an image tag inside a link tag. It'll look like this:

<A HREF="http://www.mypage.com"> <IMG SRC="http://www.myimage.com" Border=0> </A>

See how the IMAGE tag is neatly place inside the LINK tag? That's called nesting. Remember to put the address of the image inside the image tag, and the address of the page you're linking to inside the link tag. If you include the BORDER=0 attribute, like I did above, you'll lose the blue border around your image.



This has been a fairly long lesson, so read through it again if you need to, then practice what you've learned so far.

« previous lesson

top

next lesson »

We Will Help You
Whatever you need to promote your Internet presence, Domino Marketing© will help you.

We can assist you to take your web site to the next level by providing SEO training experts and a number of other services including Search Engine optimization, Hosting, E-commerce, Search Engine Placement, Customer Support Tools, and a
Free 60-day Email Marketing Trial


For more information click here and a web consultant will contact you with specific pricing and strategies via email or phone

Learn How To Rank Number #1
Goo gle, Msn, Yahoo