How to Post a Website Link

Save

HTML links between websites are the glue that holds the World Wide Web together. Without links, there would be no “web”--just an assortment of isolated, disconnected pages. Links are not only fundamental to the Web's functioning but are also highly flexible and easy to learn.

  • Understand the basic syntax and terminology of a link. HTML links are represented by the anchor element, represented by the <a></a> tags. A simple link would look like this:

    <a href=”http://www.ehow.com&#8221;>eHow&lt;/a>

    The href attribute is the address of the page to link to. The link text that is displayed on screen is between the <a></a> tags.

  • Define the href attribute. Broadly speaking, there are four kinds of href attributes.

    An absolute URL can link to a page anywhere on the Web, such as: <a href=”http://www.ehow.com&#8221;>eHow&lt;/a>

    A relative URL can only link to a page within the same domain, such as: <a href=”how-to.html”>eHow</a>

    An email address will open up the user’s email client: <a href=”mailto:ehow@example.com”>Send Mail to eHow</a>

    An anchor URL will jump to an anchor point, either on the same page or a different one such as: <a href=”http://www.ehow.com#top10>eHow Top 10</a> There has to be an anchor point inserted in the target page for this to work.

  • Choose how to display the link. Text links are self-explanatory, but if you want to make an image link, you need to use the following syntax:

    <a href=”http://www.ehow.com>&lt;img src=”http://i.ehow.com/ui/images/logos/new_logo.jpg&#8221;>&lt;/a>

    In this example, "img src" refers to the URL of the image you want to use.

  • Set the target attribute, which allows you to specify where the linked document will open. By default, the target attribute is "_self," which opens the link in the same window or tab. Use "_blank" to open the link in a new tab, and "_parent" to open in the parent frame. The code looks like this:

    <a href=”http://www.ehow.com&#8221; target=”_blank” >eHow</a>

  • Post the link by copying it and pasting it into the site where you want it to appear.

Related Searches

References

  • Photo Credit link on a keyboard image by Florin Capilnean from Fotolia.com
Promoted By Zergnet

Comments

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!