Page Navigation


A common way of creating page navigations is to use hyperlinks with anchor elements.

Anchor Element

You may manually create an anchor element by adding a new anchor element:


Or, you may mark a portion of text and click

 

It will also create an anchor element using marked text.
Property [href] represents the hyperlink of an anchor element.

Navigation destination inside a page

When an anchor element is created, it acts both as a navigation trigger point if its href property is set to a valid web page address; and also a navigation destination if its name property is not empty. Let's use an example to explain these two roles of an anchor element.
Suppose PageA.html has an anchor element with its name property being SectionA; suppose PageB.html has an anchor element with its href property being PageA.html#SectionA. Note the format of href: before symbol # is a web page address; after symbol # is the name of an anchor element on the web page.
When PageB.html is displayed in a web browser, click the anchor, PageA.html will be displayed, also, the web browser will scroll PageA.html up until the anchor, SectionA, is visible on the screen.
For your convenience, when an anchor element is created, the first 30 characters of the selected text is used as its name. You may modify it.

Sometimes white spaces in the name may cause problems. If you found a hyperlink not working then you may try to remove white spaces in the names.

Remove Hyperlink

You may remove an anchor element by clicking . If you click   then the text will also be removed.

Set Hyperlink display destination

The [target] property of an anchor element specifies where to display the linked page.


The last option involves using an IFrame element. It is explained in the "IFrame Element" section

IFrame Element

An IFrame element is used to embed a web page inside a page.

An IFrame's [src] property specifies the web page address.
Property [name] can be used in an anchor element to indicate where to open the linked document.


When this web page is visited in a web browser, if [src] property points to a web page then the web page will be displayed inside the IFrame element; if [src] property is empty then the IFrame element is empty.

Click the hyperlink, which is an anchor element with its [target] property points to the IFrame, the linked web page is displayed inside the IFrame element: