Hyperlinking
Print This Post
No CommentRelated Reading |
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:
| <html> <head> </head> <a href=”http://www.online-web-design-course.com”> </body> |
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):
Then add the below HTML code to your web pages:
| <a href=”http://www.online-web-design-course.com”> <img src=”online-web-design-course.gif” alt=”The Best Free Online Web Design Course On The Web” width=”60″ height=”60″> </a> |
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:
|
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.
Loading ...
Popular Tags