How to Link Pages with HTML

HTML contains a syntax that allows users to link pages together in any number of ways. Not only can a user link to any existing web page on the web, but web designers also use the HTML linking command to link between their own pages. The page link in HTML can allow for a highly structured site with 'doorways' placed strategically between the pages that make up the site.

Difficulty: Moderate

Instructions

1. Get the URLs of both of your web pages that you want to link together.

2. Open the web page that you want to link from.

3. Find the place in the web page code where you want to place your link. The link can be a stand-alone address or part of a sentence.

4. Observe the web page text: Find Out About Foo Modules. If you want to use the word 'foo' as you link to a new page called www.mod.com, modify the line of text to look like this: Find Out About < a href="www.mod.com" >foo < /href >.

5. Load up your page. The word will link to the new page.

Tips & Warnings

• Remember, your link won't show up on the web page as "www.?.com." In this example, it will show up a the word "foo" in a sentence. The word that is a link, if the code is written correctly, will show up as a different color than the words around it.
• If you do want to make a web page link, just put the tags as follows: < a href= "www.hello.com" > www.hello.com < /href >. As you can see, the title is repeated, once for the actual link, and once for the text that appears on the page.
• The bracketing used in this guide includes spaces between brackets and characters because of formatting limitations. When you write your links, do not put spaces in between the characters. Your code will look the same as the code above, but without the spaces.

Resources

• Resources on HTML including linking.