my care2
make a difference

community & fun

groups

get together & make a difference

 
 
 Lesson 4: Links December 17, 2004 9:29 PM

Please first go and read these three threads if you have not.
Begin Here
Lesson One
Lesson Two
Lesson Three

Creating Links

Links are what makes a site a site and not just a page lol

We will be working with some different tags here:

The <A> & </A> tags which are anchors. And HREF which is a Hypertext Reference.


The tag to create a link is:

<A HREF=> </A>

Now you just need the web address

You can go ahead and link to this page:
http://www.geocities.com/fatesblessing/mywebsite6.html

or create your own new page and link to it.

So you would put:

<A HREF="http://www.geocities.com/fatesblessing/mywebsite6.html"> </A>

But nope we are not done yet!!

Now you need something for people to actually click on!

Text Links

To create a text link you would put:

<A HREF="Click">http://www.geocities.com/fatesblessing/mywebsite6.html">Click Here</A>

You can put any words you want in the Click Here place!

To Create an Image link you would put:

<A HREF="http://www.geocities.com/fatesblessing/mywebsite6.html"><img src="avatar11.gif" border="0" alt="click here"></A>


if the link is in the same place as the page the link will be on then you do not need the entire address just the name.

So if I was putting a link on a page that was in the same folder as mywebsite6.html all I would need to put is mywebsite.html and not the entire long address.

 [ send green star]

 
Adding Links to your page December 17, 2004 9:32 PM

So open up notepad again, and go to file open and open the page you created before. Remember to go to your folder you created and also change the bottom arrow from text documents to all files, or your html page will not show up to be opened

Once opened it will say:

<HTML>
<HEAD>
<TITLE>My website</TITLE>
</HEAD>
<BODY BGCOLOR="#000000">
<FONT FACE="Verdana" SIZE="5" COLOR="#551A8B">
Wow look I just created a webpage!!!<br><br>
</FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#3A5FCD">
Look I know how to change Fonts!!<br>
<b>Plus I can make it bold</b><br>
<i>Or Italic</i>, <u>or even Underlined</u><br>
<b><i><u>I can even do all three</b></i></u>
</FONT><br><br>
<div align="center"><IMG SRC="avatar11.gif" width="100" height="100" border="0" alt="beauty"></div>
</BODY>
</HTML>

We will then add a link!

<A HREF="Click">http://www.geocities.com/fatesblessing/mywebsite6.html">Click Here</A>

So now our page will look like:

<HTML>
<HEAD>
<TITLE>My website</TITLE>
</HEAD>
<BODY BGCOLOR="#000000">
<FONT FACE="Verdana" SIZE="5" COLOR="#551A8B">
Wow look I just created a webpage!!!<br><br>
</FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#3A5FCD">
Look I know how to change Fonts!!<br>
<b>Plus I can make it bold</b><br>
<i>Or Italic</i>, <u>or even Underlined</u><br>
<b><i><u>I can even do all three</b></i></u>
</FONT><br><br>
<div align="center"><IMG SRC="avatar11.gif" width="100" height="100" border="0" alt="beauty"></div> <br><br>
<A HREF=http://www.geocities.com/fatesblessing/mywebsite6.html">Click Here</A>
</BODY>
</HTML>

Remember to save it!!

See my example:
http://www.geocities.com/fatesblessing/mywebsite8.htm

 [ send green star]
 
More on Links December 17, 2004 9:57 PM

Create a Link to your e-mail address:

Just put the link as:

mailto:your e-mail address

So for example a link to e-mail me would be:

<A HREF="Email">mailto:lilstormchylde@gmail.com">Email Me!</A>

Creating Links to information on the same page:

You can see an example of this here:

http://www.geocities.com/lilstorm_love/Dianic.html

scroll down to where it has dots by words, its near the top of the page.

Click the links next to the dots and you will be taken to different parts of the same page. neat huh? So How do you do this?

First the part you want the link you will put this:

<A HREF="#blah">Click here</a>

Then where ever on the page you want it to take you, you put this:

<A NAME="blah">all about blah blah blah</a>

Instead of blah you can use whatever word you want, they just both have to be the same. You can add several by just creating a different name for each link.

If you want to link to the middle of a different page then you would put:

<A HREF="blahblah.htm#blah">Click here for info on blah</A>

do not worry about adding any of this to your page you are creating just now!

 [ send green star]
 
Encode your e-mail!!! January 05, 2007 3:54 PM

Here's a site that allows you to encode your e-mail address so you can keep it hidden from "View Source" *Click Here*.

Love and Bites,Wolf Run~The Shadow~

 [ send green star]  [ accepted]
 
CSS Scrollbar January 05, 2007 3:58 PM

A easy way to find the best scrollbar colors for your site in a flash... *Click Here*

Love and Bites, ~The Shadow~

 [ send green star]  [ accepted]
 
  New Topic              Back To Topics Read Code of Conduct

 

This group:
Website Design Help
208 Members

View All Topics
New Topic

Track Topic
Mail Preferences


Copyright © 2009 Care2.com, inc. and its licensors. All rights reserved