Ultimate Sidebar

How to Create Hyperlinks

104 49

    The Steps

    • 1). Select the web address that you want to use for your link. If the web address is outside of your own website an example would be: "http://www.yourlink.com". If the address is within your own website it will contain the link for that page or file. For example, it would be "mypage.html" for a webpage, "myfile.pdf" for a PDF file, or "mypicture.jpg" for a JPEG picture file.

    • 2). Add code near the top of your HTML document that describes the color attributes for your links, visited links and active links. The colors can be defined using the color names or values. A list of the colors and values that can be used in HTML can be found under Resources below. The code will look something like this: <body link="cyan" vlink="crimson" a link="cornsilk">

    • 3). Create an anchor tag and attribute that points to the web page you want to direct people to on your web site. The anchor is identified with "a" and the attribute with "href".
      Examples are <a href="/links/?u=http://www.yourlink.com"> for a website, or <a href="/links/?u=mypage.html">, <a href="/links/?u=myfile.pdf">, or <a href="/links/?u=mypicture.jpg"> for a file or page within your own site.

    • 4). Add a text description that people will click on to go to your hyperlink. This is the text that people will actually see on your web page. Once you've added the text, end the anchor tag with </a>. The HTML code should look like this: <a href="/links/?u=http://www.yourlink.com">Text Description</a> and "Text Description" will show up as a link on your web page.

      You can also make an image a hyperlink by adding code that points to a picture instead of text. An example for a picture within your own site would be: <a href="/links/?u=http://www.mylink.com"><img src="mypicture.jpg"></a> or you can point to a picture on another site with this code: <a href="/links/?u=http://www.mylink.com"><img src="http://www.yourpicturelink.com/picture.jpeg"></a>.

    • 5). Save your HTML document and test the links to make sure they work properly by clicking them in your browser.

Source: ...
Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.