246996016-HTML5-Step-by-Step

76 Chapter 5
To refer to the anchor point, include its name in the href attribute. Precede the anchor
name with a pound sign (#). If the anchor point is in the same document as the hyperlink,
you can use a relative reference like this:
View the Conclusion
Otherwise, you must include the name of the file in which the anchor is located. For
example, if the anchor were in a file called report.htm, it would look like this:
View the Conclusion
The same rules apply to the file name as they do with regular hyperlinks. If the document
is not in the same folder, you must refer to the folder either absolutely or relatively.
In this exercise, you will create and link to anchor points in an HTML document.
SET UP Use the spray.htm and index.htm files in the practice file folder for this
topic. These files are located in the Documents\Microsoft Press\HTML5 SBS\05Links\
CreatingAnchors folder. Open the spray file in Notepad and in Internet Explorer.
1. Locate the Equipment heading (not the list item), enclose it with an anchor tag, and
include equipment with the name attribute.
Equipment
Note You can nest the tags within the tags or vice versa, but be consistent at
both ends.
2. Repeat step 1 for the other level headings in the document, using the lowercase
title of each one as the anchor name.
Mixing
...
Spraying
...
Cleanup
3. In the bulleted list at the top of the document, create a hyperlink from the Equipment
list item to the corresponding heading.
Equipment
4. Repeat step 3 for each of the other list items.
Mixing
Spraying
Cleanup
5. Save the file, and then refresh the Internet Explorer display.
6. Click each of the hyperlinks in the bulleted list; click the Back button after each one
to return to the top of the page.