If You Have A Frameset Defined
The page containing the hyperlink. The page being linked to, i.e. you click a hyperlink in the source page to go to the destination page. Hyperlinks are created with an "href" tag (hyperlink reference). In this example, the text "Go To Page 1" becomes a hyperlink to a page called "page1.html". There are two distinct types of hyperlink: "absolute" and "relative". Absolute links are quite simple, but relative links take a bit of getting used to. Relative links are actually divided into two further categories: "document-relative" and "site-root-relative". An absolute link (or "absolute URL link") contains a complete internet address, just the same as if you typed the address into your browser's address bar. It doesn't matter where the source page is in relation to the destination page, the link will always work as long as the destination page exists. Document-relative links use directions from the source page to the destination page, sort of like saying "Start here then follow this path until you reach the destination". There are three ways to do this - the method you use will depend on the location of the source and destination pages in relation to each other. We will use the example on the right and create hyperlinks from the page called sourcepage.html to other pages in the site. Use the special instruction ../ which signifies "one directory higher". Important Note: For relative links to work, you must keep the file structure intact. For example, if you moved the sourcepage.html file down into the directory2 folder, the relative links would no longer work. In this case you would need to add another ../ to point the links to the correct level. Despite the cumbersome name, this method is quite simple. The link begins at the same level as your domain and works down from there. This method has the significant advantage of staying intact if you move the source page. The exact same link will work from any page anywhere in the site. This method will not work on files on your own hard drive unless you run them through a personal web server. However once you upload the pages to your server they will work. If your site does not have it's own domain name, this method is likely to cause problems. Consult your hosting provider for more information. You can specify a target window or frame for a hyperlink. This is where the linked page will open. If seo service is specified, the link will open in the same window/frame. Opens in the same window and same frame. Opens in the same window, taking the full window if there is more than one frame. Opens in the parent frame. Opens in a new window. If you have a frameset defined, you can set your target as any particular frame. Note: Instead of specifying a target for each individual link, you can define a "base target" for an entire frame or page. This means that every link on the page will use the base target by default. Place the base target tag in the page's head. An internal hyperlink is a link which points to a particular part of a page. This can be useful in long pages with lots of sub-sections. For example, the links at the top of this page are internal links pointing to each sub-heading. Internal hyperlinks require an anchor tag with the "name" attribute like so: Part 2 Create an anchor like this at the place in the page you want to link to. It doesn't matter if there is anything between the open and close tags. Go To Part 2 This assumes that the name anchor is on the same page as the hyperlink. To link to an anchor on a separate destination page, simply create a normal link with the anchor name appended to the file name like so: Go To Page 1, Part 2 Notes: - Browsers treat internal links exactly the same way as normal links, i.e. as if they were a separate page. This can result in some confusion with back and forward buttons. If an internal hyperlink on the same page doesn't work, try including the page's file name in the hyperlink (as if you were linking to a separate page). Sometimes internal hyperlinks don't work in pages on your hard drive unless you are running a personal web server. They will work when you upload them to your site. This type of link is a special case, completely different to those described above. Instead of linking to a place on the internet, clicking this link causes the user's computer to open it's default email program (e.g. Outlook Express, Eudora, etc) and prepare a blank email to the specified address. The user then enters their message and sends the email in the normal way. If you want to be tricky, you can add a "subject" attribute to the link. The subject attribute doesn't work in all browser/email programs. Those programs which don't support it will probably just ignore it, but there are no guarantees that it won't cause an error. Use at your own risk. Be aware that using mailto links on your website is an open invitation to spam. Malicious programs called "email harvesters" troll the internet looking for these links - when they find yours they will add it to a database for spammers. This is why we recommend using a contact form rather than a mailto link wherever possible.