May 28, 2007

Create Direct links In a Flash


The basic link anchor is:

<a href="url">Text to be displayed</a>

The "text to be displayed will be the hyperlink to be clicked and this directs to the target page.

Here is an example using a link to Muse:

<a href="">Expeience Muse!</a>

The HTML Code above will generate this link:

Expeience Muse

You can specify where in the link opens.

The HTML Code can define where the linked document will be
opened. Whether in the CURRENT window or NEW window

The line below will open the document in a new browser window:

<a href=""
target="_blank">Expeience Muse</a>

You can specify where in the page the link opens!

Using named anchor HTML Code you can create links that can jump directly into a specific section on a page, instead of
letting the user scroll around to find what they are looking for. Say you rite a very long aticle, like blogs usually are, but you want your reader to see a specific section of the artilcle not the whole article. Say you have two blog posts and you want to refer to paragraph 12 in blog post 1 but if you just the blog post 1 it would take forever to find it. If you have say 20 blog post on one page, when you are entering the post title- give it an acncher so that links go DIRECTLTY to that section of the page . So use a name anchor!

Below is the HTML Code for the name function, you can use on words in posts or in post title or page elements fo create anchors for direct link to their positions:

<a name="label">Text to be displayed</a>

The name function is used to create a named anchor. The name of the anchor
can be any text you care to use. So go to that section of blog post 1 you want to link to. Switch to HTML view and anchor the position you want.

The line below defines a named anchor for Muse bookmarks:

<a name="Blog Archive">View Blog Archive</a>

You should notice that a named anchor is not displayed in a special way.

Here is an example of the name function in use to link to the section on Muse. Most links take you to the top of the page. BUT his type of links takes you to exactly where the anchor is, no more painful scrolling through junk for the reader to find what you want them to read

To link directly to the "Blog Archive" section, add a # sign and the name of the anchor to the end of
a URL, like this:

<a href=" archive">
Jump to Blog Archives</a>

Here is an example of this link function in use

Jump to Muse Blog Archive

Sponsored by W3Schools

No comments: