Cafe LaTe Home
Contents
Background
Getting Started
Images
Links
Tables
Lists
Resources
Tag Index
External Hyperlinks

Section Four: Links
Lesson 4-1: External Hyperlinks



   Hi, As you may recall, HTML stands for HyperText Markup Language. anchor Hyperlinking (linking to other pages on the Internet) is an essential feature of web pages. In this lesson you will learn how to create links to other pages.

   The first type of link we will talk about here is the external link. External links are links to pages on other Internet sites. You can create external links to pages on websites anywhere in the world.

   Hyperlinks are created using the anchor A/A tag. Here's an example:

A HREF="file.htm"link text/A

When using the anchor tag A, you must supply the destination of the link. This is done with the HREF attribute. HREF is short for Hypertext REFerence. An anchor tag linking your page to the Cafe LaTe HTML Tutor home page would look like this:

        A HREF="http://cafelate.homestead.com/files/html/html_tutor.htm"
       Cafe LaTe HTML Tutor /A

This is an example of an external link, because it links your page to a page on another site. The text "Cafe LaTe HTML Tutor" in the link above becomes the blue, underlined link text on your page.




Need the
   source file?

If you have not done the previous lessons, and are just starting here, use this button to pop up a copy of the file containing all material covered up to this lesson. Then, just save the file to a floppy disk.

Copy source file

Practice:

   Create a link to the Cafe LaTe HTML Tutor home page on your practice page. Add the red text to your file to create an external link to the Cafe LaTe HTML Tutor home page.

html
head titleMy First Home Page/title /head
body bgcolor="##eeffff" background="bg01.jpg"
h1 align="center"HTML Tips and Tricks/h1
br
   This   is a   sentence    with spaces between    the    words. The extra spaces are ignored.br

   This   sentence    uses   space  codes between    the  words. brbr

p    You will find many helpful hints here on how to construct web pages. Basic home page creation is not difficult. However, once you learn the basics, you will want to try to do many things which you see on other people's pages on the Internet, The tips on this page should help beginning web page authors to learn new tricks and techniques./p

This is bbold text/b.br
This is iitalic text/i.br
This is uunderlined text/u.br
This is bigbig text/big.br
This is smallsmall text/small.br
This is supersupscript/sup text.br
This text is biguibbig, bold, italic, and underlined
/b/i/u/big
. brbr

hr
div align="center"
brbr
This text is font size="+1"large/font,
font size="+2"larger/font,
and font size="+3"even larger/font still.
brbr
This text is font color="#FF0000"red/font,
font color="#008000"green/font,
font color="#0000FF"blue/font, and
font color="#FF00FF"pink/font.
/div

img src="../assets/images/sandaa.jpg" width="267" height="200" border="0" alt="My Dog Sandaa" align="right" hspace="8"
   If you use the RIGHT value of the ALIGN
attribute, the image will be aligned to the right margin,
and text will appear to the left of the image starting at
the top of the image. Any text longer than one line flows
down along the left side of the image. This image uses RIGHT
alignment. RIGHT alignment is also used quite often for images.
brbrbr
hr
brbr

Back to the
a href="http://www.cafelate.homestead.com/files/html/html_tutor.htm"
Cafe LaTe HTML Tutor/a


brbr
/body
/html

Save your file and check it in your browser. Make sure the link works. When complete, your page should look like this.


Review:

  • Hyperlinks are clickable objects which take you to another destination.
  • External links are links to other pages on other Internet sites.
  • The anchor tag A is used to create hyperlinks.
  • External anchor tags must have HREF attributes.
  • The HREF attribute sets the link destination.
 


Previous Lesson Next Lesson
 

[Cafe LaTe Home] [Chat Lounge] [Community Center] [Newspaper] [HTML Tutor]



Last revision: 2002/03/04, Copyright © The Three Cities Workshop