Creating Hyperlinks

For this class, you'll have to learn at least one HTML tag, the one for making hyperlinks.

It's easy to learn. Check it out:

  1. Make sure that your rich-text editor is enabled. Click on enable rich-text below the Body box.
  2. Highlight the text you want to turn into a link.
  3. In the buttons below the Body box, click on the chain link button.
  4. This box should appear.
  5. In the Link URL box, cut and paste your full URL there. Then click on Insert.

Your link will now show up in your text.

Here is how you make links in traditional HTML coding. it's still easy, but it doesn't show up with our rich-text settings and input format.

<a href=""></a>

is the tag itself without any information in it. Within the quotes, you'll put the url, or web address, for the site which you want to link to. In between the ><, you'll put the text you want displayed on the screen.

For example, the url for slashdot is http://slashdot.org/. And if you want to make the word Slashdot a link in a sentence to the website in a blog post, type in,

<a href="http://slashdot.org/">Slashdot</a> is a well known community blog site.

To get

Slashdot is a well known community blog site.

HTML is picky and it's easy to make a careless mistake. Don't include any extra spaces in the HTML tag. Make sure that you include "http://" as a part of your web address. In fact, one of the easiest ways to make sure that you get the URL correct is to copy and paste it from the address bar of a browser window currently displaying the page.

See? Not too difficult. But there's one more thing . . . .

Avoid merely posting the URL as a link:

http://slashdot.org

Notice how this doesn't convey much information. Better to have put the page title (often found either on the page or in the window bar at the top) or link to part of your text (think of the examples in this site). At the same time, really long URL's won't word wrap at the end of a line. They may cause problems with the way that text is displayed on web pages.