Page 2
Beginning HTML
written by Nicole Bibee
Last week we covered creating lists of different type and how to insert images into a web page. This week I would like to discuss how to link to other areas on a page, other websites and FTP servers.
When designing a web page you must consider giving the viewers the choice to see other topics without the need for scrolling and searching the entire document. To accomplish this we will need to create anchors. An anchor is a tag <.A NAME="name">... that specifically marks text so the text can be linked from other places in the page. For example, you have a list of different book titles & descriptions, it would be much easier to navigate if you put similar books in categories.
First, we need to name(anchor) the target area in which we are going to link to. The code for example <.A NAME="Computer">Computer Books<./A> This is the anchor in which we may link to from anywhere on the page. The names you use are case-sensitive, meaning you must use the exact spelling and case when linking to the anchors.
Now to create a link to this specific anchor, we will use the HREF tag. <.A HREF="#Computer">To view Computer Books You can use this same principle to anchor images and pictures. To do this you will simply add the <.img src="filename"> tag between the anchor name tag.
*If you would like to view an on-line example please visit my resume site. I created anchors so that an employer may view different areas of my resume without scrolling through each category.
I would also like to discuss linking to other sites and pages. The code is similar to the above example. We will use the HREF tag to navigate to other places or pages. The code to create a hypertext link is <.A HREF="http://exact_address">Phrase describing site or page<./A>
When linking to other pages for your site you will need to specify the exact address unless the page is contained in the same directory as the page being viewed. For example, my index page on angelfire has a link to my resume, which is also located in the same directory. So to link to this document I can use <.A HREF="myresume.html>View My Resume<./A>
However there may come a time when you need to link to an FTP server. An FTP (File Transfer Protocol) server stores files that users can download to their PC's. Be sure that you use the FTP format instead of HTTP when linking. The code used for example is <.A HREF="ftp://ftp.microsoft.com">Microsoft FTP Server<./A> This is an actual address so you may view if you like.
Last but not least, you may add a link to send email to a specific email address. There are many sites out there that use this type of link to receive feedback from there users. Tags used are Send Me Mail
As you can see there a many different types of links that can be used on a page. I hope this information is helpful in creating your own web page. Next week we will cover creating background and text colors, learn how to control placement and appearance of images and work with image maps.
Notice:
We had to insert a period after the less than sign to
make the tags viewable by your browser. When writting
your own code please do not add the period to the
tags.
On To Page 3
|