Images

~~~ Lets talk a bit about images. Images can come in a couple of different extentions for webtv. gif and jpg are what we'll be working with. A gif is normally a computer generated image and a jpg is normally a real picture. I say normally because it's not an absolute, but they normally fall into these two catagories.

~~~ Lets start by talking about URL. A URL is basically the address of the image you wish to use. You'll put this URL into our HTML to let the system reading your programing know where it can locate this image.

~~~ A URL is also very easy to obtain. Webtv users have created many 'Gif pages' where people share gifs or jpgs they have found freely. I have my own on this page infact. Lets say you go to one of these pages and 'click' on a gif you would like to use. Simply press the 'goto' key in the upper right hand corner of your keyboard. A prompt will emerge from the bottom of your screen. You will see three buttons at the bottom of this prompt. Simply 'click' the 'view' button and you will see the URL appear in the text field. That is the URL for the image you are looking at. You can try it right now if you would like. If you follow the steps, you will see the URL for this page.

~~~Now you have some understanding of how to veiw and find images. Lets talk about placing them in your HTML

Here is the code used for your html.
<img src="//yourURL.com">

It's really pretty simple eh?

~~~ You can also add other tags to place your image where you want

This will place your image to the right
<img src="//yourURL"align="right"

This will place your image to the left
<img src="//yourURL"align="left"

You can also center an image
<center><img src="//yourURL"</center>

You can change the size of your image
<img src="//yourURL"height="90"width="300">

~~~ Note: When changing image size, your image is not confinded to the size I used in the above example. Just change the numbers for different sizes. Another nice thing about dictating the size of your image is that, it will load faster. Fool around with it. Try different things. And don't worry, you wont hurt anything. LOL

This is pretty neat too. You can make your images transparent.
<img src="//www.oocities.org/ender5_1999/gif31.gif"transparency="50%">

~~~ You can use any percentage from 1% up to 100%. Play around with it and you'll get the idea.

~~~ I know, this isn't a great background to show you this particular tag on. But it gives you an idea of what you can do. I'd suggest trying it on a background that has a pattern. Then you can really see it at it's best.

~~~ Well, that's it for now. I hope I gave you a better understanding of images and how they can be manipulated with HTML. There is more, but this is a beginers page. So I tried to stay with the basics. Take it easy.