Hidden Places

I decided to start this little thread to explain some basics of HTML to improve the presentation of posts for those who are interested.

Image Tags

For the first lesson, I will show you how to change the size of your posted images to make them smaller and fit better on the page. You can see some of the changes I made on the Garden Thread.

First we start with the standard img tag.

<img src="http://hiddenplaces.org/main/img/logo.png" >

Most of you are familiar with this tag. Now to change the width or height, you simply add the width and height elements. Generally, you want to keep the same proportions between the height and the width as in the original image or otherwise the image will become distorted. This image was originally 80 x 88. I am going to double its size, so it will now be 160 x 176.

<img width="160" height="176" src="http://hiddenplaces.org/main/img/logo.png" >

Generally, you will have a larger image than what you will actually want to display on the page since most digital cameras generate very large image files.

Hyperlinks

Adding a hyperlink to change the text of a message is quite simple. Here is the basic structure

<a href="[insert URL here]">[Enter text here]</a>

So, for example:

<a href="http://hiddenplaces.org">Great Site!</a>

renders

Great Site!

Please let me know if you have any questions or additional topics you would like me to explain.