246996016-HTML5-Step-by-Step

70 Chapter 5
When creating a link to a file that’s stored in a subfolder of the current one, you can
point to that subfolder but otherwise leave the path relative. For example, suppose that
index.htm is stored in a folder called c:\main, and foliage.htm is stored in c:\main\articles,
which would be considered a subfolder (or child folder) of it. To refer to foliage.htm from
within index.htm, you would use a tag like this:
Diagnosing Foliage Problems
You can also create a link to a file that is up one level (a parent folder) with a relative reference.
For example, suppose you wanted to refer to index.htm from within foliage.htm
(both in the same locations as before). You would precede the reference with . ./ to indicate
that the file is one level up:
Home
Setting a Target Window
By default, a hyperlink opens the referenced page in the same browser window. That
means the new page replaces the previous page in your browser. Usually this is fine, but
in some cases you might want the hyperlink to open in a new window. For example,
perhaps you want to recommend that visitors check out a page on another site, but you
don’t want them to leave your site.
To direct the hyperlink to open a page in a new window, add the attribute target ″ blank″
to the tag. For example, to open the foliage.htm file in a new window, the tag would
be structured like this:
Diagnosing Foliage Problems
Note The target= attribute is not allowed in XHTML. W3C suggests that you use JavaScript for
such situations.
In this exercise, you will create hyperlinks to other files.
Note Use the practice file provided for this exercise rather than a file created in a previous
exercise.
SET UP Use the index.htm file in the practice file folder for this topic. This file is
located in the Documents\Microsoft Press\HTML5 SBS\05Links\CreatingHyperlinks
folder. Open the index file in Notepad and in Internet Explorer.
1. Locate the text Diagnosing Foliage Problems and enclose it with an tag that
refers to foliage.htm.
Diagnosing Foliage Problems