So, you want to know how to place a picture on your page? Pictures add a new dimension to your page and can set a mood. To follow along in an actual web page, go to my practice page (http://www.lemmykoopa.com/lkmainl.htm). Click the page with your right mouse button, and click view source on the menu that appears. Maximize the new window, and you'll see what the page is made of. Now count the lines - blank lines don't count as they do not effect the page - and go to line 32.

Before you place a picture, you first need to find a picture to place. Whether you are saving the picture to your files or linking to it from another's page, you need to know the full URL of where it is stored.

<IMG SRC="mainban.jpg"> This is the Lemmy's Land banner at the top of the page. After starting the line, you need to use "<IMG SRC=" so that the program knows to load the picture. The URL is the URL where the picture can be found. This works the same way as in text links. I was able to use part of the URL because it is in the same folder as my main page. You would need to use "http://www.lemmykoopa.com/ mainban.jpg" or else the picture would not load.

HEIGHT=73 WIDTH=485 This tells the program to fit the picture into a certain size. This is not needed unless you want the picture to be a different size than how it is saved. If you want the picture to be the same size as it is saved, leave this out. It measures in pixels. To use it, place it BEFORE you close the picture code with ">". So put the URL, then put the properties, and then close that piece of code.

For a slight variation, go to line 33. This is the picture of me on my ball.

<IMG SRC="lemspin.jpg"> This is the URL of the picture, and it works exactly the same way as the one above.

<ALT="It's me, doing what I do best!  Please, proceed into my land... or I might fall off my ball!  Oh, and thank Winx for being such a great photographer."> You can place text behind a picture too. This text can be seen if the viewer puts their mouse over the picture, or before the picture loads. Just place the "ALT=" BEFORE you close the picture URL with ">". Then write the text you want behind the picture in quotes. Then close off the text and the picture with one ">".

Congratulations, you now have a picture! Your viewers no longer need to be doomed to never-ending text. Spruce up your page and make it picture perfect!

Go back to Lemmy's HTML Guide.

Go back to Lemmy's Land.