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 KompoZer Customizing KompoZer

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.
  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 ]

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 KompoZer to automatically use relative references for links once you create them.

  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:
  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 ]

While creating links on your web page to other people's web pages, KompoZer 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 ]

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 KompoZer 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 ]

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 ]

[Home] [Next] [Previous]

TeliuTe, 07 July 2009

Copyright © 2004-2009 Contributors to the Nvu, KompoZer Help Documentation Project.