How to create Web sites easily

The most complete guide for the Web page builder
All you'll ever need to know about homepages and HTML

Hyperlinks, bookmarks and indexes

We've talked enough about links and stuff. Get goin' in the fun, man!

Hyperlinks: how to jump to another document

So, now that you know the basics, I can tell you how to create a hyperlink, a clickable text/graphic that will take you to another part of the document or another document. Easy. Well, insert this on your document where the hyperlink should go:

<A HREF="mypage.html">Underlined text</A>

The <A HREF> element opens the hyperlink, the </A> element terminates the link. The text between those tags will appear underlined. Clicking on it will take you to the page referenced by the HREF= parameter, in this case "mypage.html".

To reference a page on another system, put its entire address between the quotes. If you want to put a reference to an external site, like "www.microsoft.com", don't forget to include the "http://" part at the beginning of the address. To create a link to an email address, put "mailto:" before it.
For example:

<A HREF="http://www.microsoft.com">Microsoft</a>

is the correct way, but this

<A HREF="www.microsoft.com">Microsoft</a>

won't work. For an email address:

<A HREF="mailto:rudd-o@oocities.com">Mail me!</a>

would give you a hyperlink saying Mail me!. If you click on that link, an email form pops so that you can email me.

There's another argument, named TARGET=. I'll explain that later, in the frames section.

Remember, if you put just a file name with no path as the URL, you're telling the browser to load the page from the present directory. If you put an entire URL, it will direct your browser to another site. Learn more about paths and URLs if you don't understand it, by clicking here.

Bookmarks within a document/indexes: how to jump on the same document

A bookmark is a hidden mark, that you can activate through a link, it means that clicking a hyperlink that references the bookmark, the browser goes to the part of the document where it is. You may create a bookmark in a document. Just put <A NAME="bookmark-name"></A>. Put the name of the bookmark where it says bookmark-name. This lets you access the document bookmark with a hyperlink. To create a bookmark named "Folders" somewhere in a file called mydoc.html, use the following code:

<A NAME="Folders"></A>

and to access that part, use this:

<A HREF="mydoc.html#Folders">Link to bookmark Folders</a>

Clicking on the link produced this way would take the browser to the section named Folders. You could see that the HREF argument said "mydoc.html#Folders". That means "the Folders bookmark in mydoc.html" in browser language. This is very useful to build indexes and to speed up the browsing through a large document (in fact, this document is a living proof of it; did you see the index at the beginning?).

Images and graphics on your text

I moved all this info to here, a little bit of tidying up!

Member of the ILE

Free Home Pages at GeoCities

[Main page] [HTML help] [MIDI page] [Murphy's Laws] [More information]
[Feedback form to email me] [Sign guestbook] [Mail me!]