Great! We have a functional page of text in my previous Basic
Tags And Formatting! Are you satisfied? mmmhh No? Well, me either. Ok,
let's expand our page by adding some links to other web pages on it!
Follow me again:
The ability to link to other web pages is exactly what makes
HTML Hypertext
or Hyperlink. Hyper means outside of, and when you link to another web page,
you link outside of your own page.
Linking to another page is easy. In fact, you only need to
use one tag! This tag is the <A>,
or anchor tag.
The <A> tag uses the HREF argument to specify the site to link to. So it looks like this <A> HREF="http://ourlinktogo.com">
The <A> tag uses the HREF argument to specify the site to link to. So it looks like this <A> HREF="http://ourlinktogo.com">
This is our link! </A>.
Note: This is our
link! The part in between the <A>
and </A>. This is the part
where you enter the text that'll show up in the browser. This text is
underlined in some browsers. When the visitors click on this text it will take
you to the link in <A HREF>,
which is http://ourlinktogo.com in
this case.
But wait, sometimes it's easier,sometimes you might want to
do relative linking. This is when one page on your site links to another page
on the same site. So if you're in http://oursite.com/index.html and
want to link to http://oursite.com/page2.html
you'd simply add a relative link.
The format in this case would be <A HREF="page2.html">Go to page2</A>. The browser will then look in the current
directory for that page.
If you want to get a page one directory up from the current
one, you simply insert a (../ )
before the filename of the page.
For example, if you're in http://oursite.com/blogs/main.html and need to link to http://oursite.com/index.html, this is
what you'd do:
<A HREF="../index.html"> Go
to the index</A>. You can add
as many (../)s as you want to get to
progressively higher directories.
If you want a link
that people can click on to send email to, you just add MAILTO:: before your
email address.
So it would look like
this:
<A HREF="mailto:ourmail@mailaddress.com">Mail me! </A> Guideinfoyou?
Now is done our linking tutorial. Let's move in other part.
Return to:
If you like to see our Flash template Design/Template Page
goes here:
See all: Our
Template
No comments:
Post a Comment