Sunday, March 27, 2011

Posting Pictures with HTML

Here, as promised, is the method to post pictures on various sites which host such activities. I found too many online guides overly short and not quite explanatory enough.

Let's just use my friend TBG's explanation: she knows everything.

img src="http://www.conbio.org/Resources/tips/images/v18n5_..."

surrounded by these < brackets >

If you think the size is bigger than around 400 pixels, add only
a width and it will remain the correct proportions, like this.

img src="http://www.conbio.org/Resources/tips/images/v18n5_..."
width="350"

Don't forget the brackets!


And I should note, those arrow-brackets do not have spaces between them and the target URL! And same thing with the quotes around the target URL. And, in her example she put ... at the end, but anyone else should use the entire URL.

And, at least with Microsoft, to get the URL of most pictures on a website, right-click on it, and choose "copy link location" and regular-click on it. Then you can paste it in between the quotation marks you'll be adding.

On this site, though, one must open the picture in its own window by clicking on it, then doing the right-click.

As I mentioned, my long-ago decision to not learn HTML often comes back and bites me.