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

Lesson 3. Creating Links > Creating Hypertext Links

Creating Hypertext Links

Hypertext links can take the user to another document within the current Web site or to a page on another Web site. They can direct the user to other HTML files, images and other media, and downloadable files. The following exercise shows you how to link to a document within the current site.

In the intro.html document window, select the word “History” in the first line of the bullet list near the top of the page.

You will create a link for this word.

In the Property inspector, click the folder icon to the right of the Link text field.

The Select File dialog box opens.

Select the history.html file in the Lesson_03_Links folder, and click Open (Macintosh 0S 9), Choose (Macintosh OS X) or OK (Windows).

The filename history.html appears in the Link text field, and the text you selected in the document is marked as a link. The link is underlined and appears in the color you chose for your links in the first exercise of this lesson.


You can override the page's default link color for individual links by placing the font-color tags inside the link tags. You may have to move the tags manually in Code View. You will work with Code View in Lesson 12.

This link is an example of a document-relative path, which is the best option to use for local links in most Web sites. A document-relative path omits the part of the absolute URL that is the same for the current document and the linked document, leaving only the portion of the path that differs. A path to a file in the same folder, for example, would be expressed as name_of_file.html.

Repeat steps 1 through 3 to link the word “Technological” in the next line of the bulleted list to technology.html, and the word “culture” in the last line of the bulleted list to culture.html.

When you know the names of the files, you can type them directly in the Link text field.


If you need to use the same links multiple times, you can save time by choosing recently used links from the drop-down menu to the right of the Link text field on the Property inspector.

Save the file and preview it in the browser.

The three links you just created should take you to the corresponding pages. Always test your links to be sure they go to the correct locations!



Not a subscriber?

Start A Free Trial

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