HTML Notebook


Okay, you want to post a few pics? Its really easy to do.

The easiset way to post an image, is simply:

<IMG SRC="cloud3.jpg" ALT="clouds">

And it looks like this:
clouds

The <ALT=" "> describes the image. It is very good practice to always add the ALT tag to all images posted, just in case an image either dosent come up, or the person has a slow server and has images turned off.

Lets look at the use of the ALT tag again, only this time without the image....
clouds
Now we know what was supposed to be there, even though it's not. :)


Okay, now your probably wondering how do we hyperlink an image?? That's pretty easy too :) We just make a standard hyperlink, but instead of using a word to identify it, we use an image..
<A HREF="cloud3.jpg"> <IMG SRC="cloud3.jpg" ALT="clouds"></A>

Give it a click :)
clouds

Notice that it has this border around it? If you want to remove the border, simply add BORDER="0" to the line
<A HREF="cloud3.jpg"> <IMG SRC="cloud3.jpg" BORDER="0" ALT="clouds"></A>

Play around some with the BORDER command giving different values inside the quotation marks, and see what you come up with :) You cant hurt anything, and you may discover something neat! :)

Image too big? No problem.
Just add height=" " and Width=" " to your code.
Example
<IMG SRC="cloud3.jpg" ALT="clouds" height="50" width="60">
and you get this:

clouds
| Back to Main Page | Previous Page | Next Page |
| Back to the Home Page | Questions? |



Valid HTML 4.01! Valid CSS! Web Accessibility Initiative