Hyperlinking @ OWDC - LESSON 1-08

LESSON 1-08: Hyperlinking

Web Design Lessons > Lesson 1-08: Hyperlinking

Previous Lesson | Lesson Index | Next Lesson

We are probably at the most vital spot of our free online web design course. You are going to learn how to add hyperlinks (or shortly, "links") to your web page!

To add a hyperlink, you need to use the <a> (anchor) tag along with the "href" (hypertext reference) attribute. Copy and paste the below code into your text editor to create a page with a link to this free online web design course:

The output of this code is:

This Is The Text For Our Link

As you can see, you can write down your linking text between the <a> and </a> tags. If you wish to add an image to your web page that links to another page, you simply put your <img> tag inbetween the <a> and </a> tags, instead of a linking text. For example, if you wish to put up a graphical link to link to this free online web design course, first save the following image to your hard drive (i.e. to the same folder as you keep your web pages):

Right Click And Select 'Save Picture As...'

Then add the below HTML code to your web pages:

If you add this code to an empty spot on your web page, you'll have a graphical link to your favourite free online web design course:

Sidenote #1: Check out my web design resources page to download a superb eBook!

Sidenote #2: If you enjoyed this lesson, please link to it :)

This lesson is over. Next lesson of your free web design course is going to teach you how to align your content.

Previous Lesson | Lesson Index | Next Lesson

Nearby Lessons:

• Lesson 1-06 Background Alteration
• Lesson 1-07 Images
• Lesson 1-08 Hyperlinking
• Lesson 1-09 Aligning Your Content
• Lesson 1-10 HTML Forms

Back To Top

HYPERLINKING!