How to Link HTML Web Pages Together

by Brandy Alexander

Linking HTML Web pages together is a simple process in which you create "hyper" links on your Web page. Using the "anchor" tag, you can link internal pages, contained in your website's directory, or add links to external Web pages using their uniform resource locator (URL) address. When links are created they automatically distinguish themselves because they display in blue font and have a line underneath the text. Using links creates a better user experience for your Web visitors and allows your website to come up in more search engines.

Link to Internal Pages

Launch an HTML text editor, such as BBEdit or Dreamweaver, and create two HTML files.

Name both HTML files and save them in the same folder or directory on your web server.

Open one of the HTML files and locate the text that you want to make a link.

Enter the opening "<a>" (no quote marks) anchor tag and associated attributes just before the text. For example: <a href="main.html" title="Main Menu">Main Menu

Enter the closing "</a>" (no quote marks) anchor tag after the text. For example: <a href="main.html" title="Main Menu">Main Menu</a>

Save your file again. The text is now a live link.

Link to External Pages

Open your HTML file in an HTML text editor, such as BBEdit or Dreamweaver.

Locate the text that you want to make a link.

Enter the opening "<a>" (no quote marks) anchor tag and associated attributes just before the text. For example: <a href="http://www.ehow.com" title="eHow">eHow

Enter the closing "</a>" (no quote marks) anchor tag after the text. For example: <a href="http://www.ehow.com" title="eHow">eHow</a>

Save your file again. The text is now a live link.

Items you will need

References

About the Author

Brandy Alexander has been writing professionally since 2001. She is a glass artist with a Web design and technical writing background. Alexander runs her own art-glass business and has been a contributor to "Glass Line Magazine" as well as various online publications.