|
|
|
|
|
Home - Tips & Tutorials - JavaScript Demos - Java Applet Demos - Resources - Contact |
||
|
Creating Links Within a Page AKA Anchor Links>>> If you have a long page, it makes sense to create links within the page to another part of the page whether it's down the middle or to the end. Here's how to do it with ease using SiteBuilder. And for those who'd like to know the HTML for it, I've included the how-tos for writing anchor tags. |
With Sitebuilder 1) Decide where you want to put the link. 2) If you'd like to have visitors jump to the top of the page, put a text element (or graphic) down at the bottom of the page which says something like "Back to Top" or "Top of Page". With the text or graphic highlighted, click on the Link element on the toolbar. Click the Another Area on this page (anchor link) circle. Select Top in the box to the right. Make sure the link opens in the current browser window. An invisible anchor will be placed on the page at the top. 3) If you'd like to have visitors jump to another part of the page, put a text element (or graphic) where you want the visitor to click with a description of where they will be going. For example, if at the top of the page you want the visitor to go to the middle or bottom, put the text or graphic there. With the text or graphic highlighted, click on the Link element on the toolbar. Click on Another Area on this page (anchor link). Select New in the box to the right. An anchor link icon will appear. Move this icon at the middle or bottom of the page or where you want the visitor to go to. By double-clicking on the icon, you can edit its description. Make sure the link opens in the current browser window. |
With HTML <a href="#name">text</a> Where text is the name of where this link will jump the visitor to. <a name="name"></a> Is the tag itself where the jump will be made to, also known as the target. You can also have text here if you wish. Place it between the <a> and </a> tags. |
| Formerly hosted at www.geocities.com/ramblingtutor/ |
Home - Tips & Tutorials - JavaScript Demos - Java Demos - Resources - Contact Webpage graphics by Arride Graphics
|
|
