How to create an image link

4 of 7

by Angel Sosa

Created on: January 04, 2009

For those out there, creating an image link may not be something of importance; however, look around. On the screen right now, there are six tabs across the top of the screen: Marketplace, Journalism Awards, Writing Contests, My Helium, Write, and Rate. These are image links. Simply put, an image link is a visual way to get one person's attention drawn towards a link so that he/she may be interested in following the link elsewhere. I am no web page expert, but I have learned a great deal about HTML, CSS, Flash and Java, and image links come in handy, especially when you're trying to keep the audiences attention and limit the wordiness.

In order to have done this by now, one would have to have space on a network place where he/she can place his/her website. From here, one can create his or her webpage either by the websites page designer, a handy program called Macromedia Dreamweaver, Microsoft Word, or simply (if he/she has sufficient knowledge of HTML) use notepad.

In HTML [Hyper-text markup language] there are attributes called tags, which are surrounded by "<" and ">". These surround the attributes. <html> starts the page while </html> closes the page. This is usually a simple key to remember within HTML - any tag that opens, must close - just as any object thrown up must come down. Let's assume one has already created their webpage [if one wishes for further instructions on learning html, visit this site: www.w3schools.com and follow the links to learn html].

Inserting an image link into a web page consists of two parts: making a link, and making the link an image. Whenever a link is created in html the tags <a> and </a> are used. This opens and closes the link. <a href=""> and </a> are the tags to insert for leaving the page you're on, and enter another. The quotation marks [""] are essential in using present-day HTML. Let's say I wished to make a link from here to google. The tag would then be <a href="http://www.google.com/"> GOOGLE</a>. The tag starts off with the link to http://www.google.com/, the word which then becomes the link is GOOGLE. </a> then simply closes the tag.

When creating an image link, the same attributes apply, let's say you had an image in your folder which you wanted to use. It was located somewhere like: http://www.triplebunnyhappiness/7819/1.jpg [This is not a true link]. and you wished to make that image link to google. As above, the whole mess of <a href="http://www.google.com">GOOGLE</a>

Below are the top articles rated and ranked by Helium members on:

How to create an image link

View All Articles on: How to create an image link