Linking to Another Web Page

1. How to Create a Link With Simple HTML Programming Picture 1
   Open your HTML file. Open the HTML file for the page you would like to edit. (If you're starting from scratch and need some background info, create the document before reading this article.)
2. How to Create a Link With Simple HTML Programming Picture 2
   Place a link on your page. Add the following code to the body of your HTML document, where you would like the link to appear:

   1. Link text
   2. This displays like this: Link text.
3. How to Create a Link With Simple HTML Programming Picture 3
   Write the link text to display. Anything in between the and tags will appear on your page as a link. You can alter this with other html tags just as you would any other text.

   1. You can also turn an image into a link:
      How to Create a Link With Simple HTML Programming Picture 4 .
      The user will see the image wikihow_logo.png, and can click the image to visit https://www.wikihow.com/.
4. How to Create a Link With Simple HTML Programming Picture 5
   Change the destination of the link. The tag you just created is called an "anchor." The href attribute inside the anchor defines the destination of the link. Replace https://www.wikihow.com/ in the example above with the URI you would like to link to.

   1. Always surround the URI with quotation marks.
   2. URIs are case sensitive.^{[1] X Research source} Copy-paste them or type them in exactly as they appear.
5. How to Create a Link With Simple HTML Programming Picture 6
   Link to a page in the same folder. You do not need to include a full URL if you are linking to a page on the same website (although it will work). It's easier to keep your website organized if you use relative links instead, without including the domain name. Here's a simple example linking from one page to another in the same folder:

   1. Let's say you're editing the page http://example.edu/about/author.html.
   2. To link to the page http://example.edu/about/family.html, just type the file name:
      Link text
6. How to Create a Link With Simple HTML Programming Picture 7
   Link to other pages on your website. You can also use relative links to direct the link to any other page on the same site. There are only two things you need to know:^{[2] X Research source}

   1. To link to a page in a subfolder, include the new file path. For example, if you're on the page http://example.edu/about/author.html and want to link to http://example.edu/about/pets/dog.jpg, you can skip everything up to "about:"
      Link text
   2. To link to a page in a different branch of the site, use "../" to move up to a higher folder. For example, to link from /about/author.html to http://example.edu/writing/books.html, type:
      Link text