Advertisement
Online Test Banks
Score higher
See Online Test Banks
eLearning
Learning anything is easy
Browse Online Courses
Mobile Apps
Learning on the go
Explore Mobile Apps
Dummies Store
Shop for books and more
Start Shopping

How to Link to an Anchor Manually in Adobe Dreamweaver CS6

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.

    image0.jpg

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.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win an iPad Mini. Enter to win now!