Creating HTML Hyperlinks within a Web Page

The ANCHOR tag is used to create a hyperlink within a web page.
Links are created with an anchor, an href attribute and a URL (Uniform Resource Locator.)

HTML Link Types

There are three types of links:

Local
Internal
External
 

HTML Local Links

Local links are links to web pages within the same website. This type of link can be created using just the file name and extension or a complete web address.

HTML Code

Edit the text in bold to suit your needs.

When linking to a web page within your web site in a different directory, you must include the directory name with your page name.

HTML Code

Edit the text in bold to suit your needs.

HTML Internal Links

Internal links are links to other areas within the same web page.

Select the area of text in which you want the link to take you to when clicked on. Create an anchor with this text by linking your text with the following code. You can change the “Anyname” text indicated in red to whatever you’d like.

HTML Code

Edit the text in bold to suit your needs.

Create your main link that will be used to navigate to the anchor you just created. Make sure you use the same name you used within your anchor:

HTML Code

Edit the text in bold to suit your needs.

HTML External Links

External links are links to other web pages located on another server. This type of link MUST contain the complete URL.

HTML Code

Edit the text in bold to suit your needs.

This concludes the Creating HTML Hyperlinks within a Web Page code.