How to Link to an Anchor Manually in Adobe Dreamweaver CS6 - dummies

How to Link to an Anchor Manually in Adobe Dreamweaver CS6

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Here’s one reason why a short, appropriate name is useful for anchors in Adobe Dreamweaver CS6: You may end up having to type it! By manually linking to an anchor, you can link within the page you’re working on or direct the link to an anchor on a completely different page.

You can manually define an anchor as a link by following these steps:

  1. If the Property inspector isn’t open, choose Window→Properties.

  2. Select the text that you want to link to your new named anchor and click the Hyperlink button located on the Insert panel.

  3. In the Hyperlink dialog box, locate the Link field and click the drop-down list directly next to it.

    Your named anchor appears as a selection.

  4. Select your anchor to apply it and then click OK.


You can also link to a page and add an anchor reference to it from the Property inspector.

For example, if you want to link to this spot from another page, you select an element on that page and, in the Link text box (in HTML view), type the name of the page, a pound sign (#), and the name of the anchor — for example, birds.html#canary. This action directs the browser to the birds page and then to the canary anchor within that page.

Frequently, you see anchors separated by the pipe sign (|). You can create this type character by pressing Shift+. The backslash key is directly above the Enter (Windows) or Return (Mac) key.