How to create an HTML anchor connection in Dreamweaver mx

1th Step: Insert Link

1. Use Dreamwaver to open the site after the cursor placed in "S" before, this will be the first time click on the link will jump to the place.

2. Select Insert > Named anchor in turn, or click the named icon on the Insert bar.

3. Enter a name for the anchor in the Insert named Anchor dialog window.

4. Continue to add the new anchor as step for each place where you want the HTML page to be added.

Note: If you do not see it after inserting the anchor, click "View > Visualization Assistant > Invisible element" To open the element you are not visible.

2nd Step: Target Anchor Cable Connection

1. Once you have inserted the anchor, you can create the link.

2. Select a text or image for the link you want to point to. Here, I will make a text link.

3. Select the first text link by highlighting and dragging.

4. In the property inspector, click the point to the File button and drag it to the first anchor point you created.

That's it! The rest is just going to do this, select the Dot file button and drag it to the anchor.

In the property inspector, you will find that in some places the anchor connection is specified. The only thing that needs to be added is a # in front of the name, which is the code to connect to the anchor.

Unlike using a pointing file method to locate a anchor link, you can also select the text of the anchor link by simply clicking and dragging, and then typing the name in the attribute check type, you just need to enter the # key in front of the name.

Note: The anchor chain is sensitive to the case of letters, and you need to be careful when you enter them manually, and don't forget the "#" number.

3rd Step: Create "back to top" link

The "Go back to Top" link is another common link that uses the Anchor connection method.

1. Place your cursor in front of the first menu link at the top of the page.

2. Select Insert > Named anchor in turn, or click the named icon on the Insert bar.

3. Enter a name (link header) for the anchor in the Insert named Anchor dialog window.

4. Add a new link next to each anchor cable on the page.

5. Highlight text: Use the point to File method or enter "#top" in the property check to highlight the anchor link to the top of the page. Remember the name before adding #.

6. Continue to add additional "back to home" links on the page where you want to add.

So, after learning this, did you understand the process of creating a chain connection with Dreamweaver MX on an HTML page?