![]() | HYPERLINKING! | ![]() |
Sponsor Links Free Image Hosting Your source for free image hosting - upload your images! Poker Strategies and Tips Poker, online poker, poker terms, poker accessories, poker tips and tricks. Photoshop Tutorials Over 3,000 tutorials for Photoshop, Flash and 3DS Max! 6,000 Free Fonts Download over 6,000 Free Fonts for Mac and PC @ FontVillage.com Buy Website Visitors 1,000 Targeted U.S. Visitors for $3.50 - 30 day guaranteed. Reading Tarot Cards Videochat with certified tarot readers & psychics - unlimited tarot cards readings! Affiliate Software Start an affiliate program and design to maximize affiliates' productivity PPC Search Engine Low cost advertising for your website! Technical Service Provider Your number one source for computer repairs and network solutions | LESSON 1-08: Hyperlinking Web Design Lessons > Lesson 1-08: Hyperlinking
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:
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):
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.
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 Home | Resources | Articles | Lessons | Directory | Forums Copyright© 2004 Onur Özcan. All Rights Reserved. | Partner Links |