• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 3. Creating Links

Lesson 3. Creating Links

The power of HTML comes from its capability to connect regions of text and images with other documents. The browser may highlight these regions (usually, with color or underlines) to indicate that they are hypertext links—links that are not required to be sequential or linear. Hypertext links are often called hyperlinks or simply links. A link in HTML has two parts: the name of the file (or URL of the file) to which you want to link; and the text or graphic that serves as the clickable area on the page. When the user points to the clickable area and clicks it, the browser uses the path of the link to jump to the linked document. In some browsers, the path of the link is displayed in the status area of the browser window (bottom-left part of the window) when the pointer is positioned over the link.

In this lesson, you will create text and graphic links to pages within this site, as well as to another Web site.

In this lesson, you will create text and image links on a Web page, add clickable areas to an image to make it an image map, and link to named anchors within a page.

To see examples of the finished pages, open Lesson_03_Links/Completed/welcome.htm for the text and graphic links, map.htm for the image map, and trips.htm for the named anchors.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Specify link colors according to the link type

  • Create text and graphic links

  • Create e-mail links automatically and manually

  • Use anchors to jump to different parts of the page

  • Create image maps to provide multiple links in the same image

APPROXIMATE TIME

This lesson should take about one hour to complete.

LESSON FILES

Media Files:

Lesson_03_Links/Images/aussie_xtreme.gif

Lesson_03_Links/Images/boy_surfer.jpg

Lesson_03_Links/Images/compass_logo_gray.gif

Lesson_03_Links/Images/diver.jpg

Lesson_03_Links/Images/downhill.jpg

Lesson_03_Links/Images/featured.gif

Lesson_03_Links/Images/popular.gif

Lesson_03_Links/Images/tri_top.gif

Lesson_03_Links/Images/worldmap.gif

Starting Files:

Lesson_03_Links/welcome.htm

Lesson_03_Links/trips.htm

Lesson_03_Links/map.htm

Lesson_03_Links/biking.htm

Lesson_03_Links/diving.htm

Lesson_03_Links/rafting.htm

Lesson_03_Links/surfing.htm

Completed Project:

Lesson_03_Links/Completed/map.htm

Lesson_03_Links/Completed/trips.htm

Lesson_03_Links/Completed/welcome.htm


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint