How To Make Your Images Clickable

by Cecile Cinco

I received an IM with a message asking for help on how to make images clickable. If I’m not mistaken, it was sent to many, but I’m not sure.

Anyway, I never thought he didn’t know at all since I perceived him to have something to do with web development so HTML would be simple…I assumed.

This mini-tutorial assumes you know basic HTML. You can also make use of it in blogs when you edit using HTML (WordPress) or CODE (for others).

There are basically 2 parts to make this work: your image URL AND your destination URL. Believe me, you don’t need to enroll with the online universities just to be able to accomplish this task.

To make a simple explanation…

If your destination URL is http://myblog.com/destination.html

and your image URL is http://myblog.com/image.jpg

your basic code goes like this:

“>
“>

red = part of syntax

As I said, this is basic…barebones….There are other tags that can make it more complicated but as far as making an image clickable, this is it.

Another tip. If you have a thumbnail and you want the bigger picture your destination, just specify your destination URL appropriately…just like what I did to my thumbnail picture in this post above. :)

Popularity: 79% [?]

This entry was posted in Basic HTML, Blogs, How-to, Web Designing and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge