%brandDTD; ] >
In this section: Starting a New Page Formatting Your Web Pages Using Style Sheets to Style Your Web Pages Adding Tables to Your Web Page Adding Pictures (Images) to Your Web Page Working with Table of Contents on Your Web Page Working With Templates Setting Page Properties Creating Links in &brandShortName; Customizing &brandShortName;

## Creating Links in &brandShortName;

### Creating Links Within the Same Page

To create a link within the same page, for example a link that the reader can use to jump from one section to another, you must create an anchor (target location), and then create a link that points to the anchor. Anchors are also called named anchors.

1. Click to place the insertion point at the beginning of a line where you want to create an anchor, or select some text.
2. Click on anchor button or open the Insert menu and choose Named Anchor. You see the Named Anchor Properties dialog box.
3. Type a unique name for the anchor in the Anchor Name field (up to 30 characters). If you include spaces, they will be converted to underscores ( _ ). If you selected some text in step 1, this box already contains a name.
4. Click OK. An anchor icon appears in your document to mark the anchor's location:

To create the link on which readers can click to jump to the anchor:

1. Select the text or image that you want to link to the anchor.
2. Click the Link button or open the Insert menu and choose Link. You see the Link Properties dialog box.
   - If you're creating a link to an HTML file on your computer, click Choose File to locate it.
   - If you're creating a link to a named anchor (target), select it from the list of the anchors currently available in the page.
   - If you're creating a link to a level heading (for example, Heading 1 - Heading 6), select it from the list of headings currently available in the page.
3. Click OK.

Note: To test the link you just created, open the File menu and choose Browse Page, then click the link.

Tip: If you did not first create named anchors, you can use the Link dialog box to create links to headings that already occur in the page.

[ Return to beginning of section ]

### Creating Links to Other Pages

You can create links from your page to local pages on your own computer or on your workplace's network, or to remote pages on the Internet.

Tip: It's best to first save or publish your page before you create links to other pages. This allows &brandShortName; to automatically use relative references for links once you create them.

To create a link to another page:

1. Click to place the insertion point where you want to create a link, or select the text or image that you want to link to the anchor.
2. Click the Link button. You see the Link Properties dialog box.
3. Define your link:
   - Link text: If you've already selected an image file or text before clicking the Link button, the selected text or file will be entered here. Otherwise, you must enter the text that you want to use as the link.
   - Link Location: Type the local path and filename or remote URL of the page you want to link to. If you're not sure of the path and filename for a local file, click Choose File to look for it on your hard disk or network. For remote URLs, you can copy the URL from the browser location field. Alternatively, you can select a named anchor or a heading in the current page that you want to link to.
   - URL is relative to page location: If checked, &brandShortName; converts the URL to be relative to the page's location. This is especially useful if you plan to publish your pages to a web server so that others can view them. Using relative URLs allows you to keep all your linked files in the same place relative to each other, regardless of their location on your hard disk or a web server.

     Deselecting this option causes &brandShortName; to convert the URL to a full (absolute) URL. You typically use absolute URLs when linking to pages on other web servers (not stored locally on your hard disk).

     If you have unsaved changes, you must first save the page in order to enable this checkbox.

4. To apply additional attributes or JavaScript events, click Advanced Edit to display the Advanced Property Editor.
5. Click OK.
6. To test the link you just created, click the Browse button and then click the link to make sure it works as expected.

Tip: You can copy a link quickly by clicking and dragging the link from another window and then dropping it onto your page. For example, you can click and drag a link from a web page, bookmark, or Mail window and drop it onto your page. You can also right-click (Control+click on Mac OS) a link on a web page and choose Copy Link Location from the menu. Then you can paste the link location into the Link Location field in the Link Properties dialog box.

[ Return to beginning of section ]

### Adding XFN Information Within Your Links

While creating links on your web page to other people's web pages, &brandShortName; provides the feature of including XFN (XHTML Friends Network) information. The XFN is a simple way to represent human relationships using hyperlinks. To add XFN information:

1. Right click on the link in which you want to add the XFN information.
2. Select "Link Properties".
3. In the "Link Properties" dialog window, click on "More Properties".
4. Select the corresponding entries under "Friendship" section to be added as XFN information.
5. Click on "OK".
6. Click on "Save" to save changes/addition in document.

Note: Some XFN properties are radio-button type i.e. pick at most one, others are check boxes i.e. pick as many.

[ Return to beginning of section ]

### Using Images as Links

You can make images, such as JPEG, GIF, or PNG files, behave like links in your pages. When the reader clicks a linked image, the browser window displays the page that the image is linked to.

1. Select an image on your page.
2. Click the Link button on the toolbar, or open the Insert menu and choose Link.
3. Use the Link Properties dialog box to link the image to a named anchor or heading within the page, or to a separate local or remote page.

Tip: Drag and drop a linked image from the Navigator window into a &brandShortName; window to copy both the image and the link.

Note: To remove the blue border on images used as links, open the Link Properties dialog box, click the Link tab, and uncheck "Show border around linked image".

[ Return to beginning of section ]

### Removing or Discontinuing Links

To remove a link:

1. Select the linked text (normally blue and underlined) or image.
2. Open the Format menu and choose Remove Links.

To discontinue a link, so that text you type after the link is not included as part of the link:

1. Click to place the insertion point where you want the link to end.
2. Open the Format menu and choose Discontinue Link.

[ Return to beginning of section ]

18 June 2005

Copyright © 2004-2005 Contributors to the Nvu Help Documentation Project.