0

Hi! I would like to know how to make a photo clickable to redirect people from my blog to my Facebook page.
I'm not a computer science student nor do I have a heavy duty level of expertise in HTML, but I can follow simple instructions. I'd like to make the photo so that when people click on it, they are sent to my FB page. I tried making one on Easy Hyperlinks but they asked for information I did not have. This is what they wanted:
1- The target URL (I could provide that, my FB page URL)
2- Image URL (that, I assume would be the URL of the photo after I post it on my site)
3- ALT Tag (I don't know what that is nor how to get it.)

I would greatly appreciate a mini lesson on how to write this code.

Thank you so much!

Clotilde

Edited by goodtaste

10
Contributors
10
Replies
97
Views
4 Years
Discussion Span
Last Post by pdsubbu
Featured Replies
  • 4

    You are correct on 1 and 2. 3, or "alt" is used for alternate text. If the picture cannot load, the text will be displayed on the screen. In addition for text based browsers, this information will be displayed when the picture cannot be seen. Here is an example on … Read More

  • 1

    The last post in this thread see you must. :-) Read More

4

You are correct on 1 and 2. 3, or "alt" is used for alternate text. If the picture cannot load, the text will be displayed on the screen. In addition for text based browsers, this information will be displayed when the picture cannot be seen.

Here is an example on how to write the HTML markup. Of course, update the href for the anchor element (hyperlink) and src attribute for the image.. Also adjust the height and width values. As a note, the alt, height, and width attributes are optional for the image element. However, using the height and width is recommended so that the browser knows exactly how much space to reserve on the page while it downloads the image. Otherwise, without these attributes, the content on the page will move around during the image loading.

<a href="http://facebook.com/yourProfile">
  <img src="imageSource" alt="my picture" height="128" width="128" />
</a>

Edited by JorgeM

1

Thank you very much, JorgeM! I will try your solution.

Clotilde

0

Use this code..
<a href="websites url that you want to redirect, when someone click on your image">
<img src=""></img>
</a>

0

And for future rerefence, this is called a link or even hytperlink. "redirect" is a very specifric web developement term tha means something else (simliar but still something else).

Hyperlinks are one of the first features of html in fact.

. . . . um or so I hear . . . I'm no where near old enough to actually know . . .

Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.