Make your own free website on
Get the Picture

This is the second part of our guide to HTML! This will tell you a lot of other basics, like the best ways to display images, how to align your texts and images, and creating lists.

<LI><A HREF=""> A Cool Site</a></li>
<LI><A HREF="#LINKS"> See my other links</a></li>

<center> <IMG SRC="picture1.jpg" border=0 width=200 height=100 align=left alt="picture"> </center>

About the "A HREF" tag

This tag lets you link to other files on the Web, other files in your directory, or even other parts of the page you're on! To link to other files on the Web you need a full URL, like the we used in the sample box above. To link to pages in your directory, just enter the filename, and put "quotation marks" around it, to show that the file is in your directory.

How to jump further down or up on a page

This is another way to use the "A HREF" tag. First you must go to where the link will jump to, and name it. So if you want the jump to go to your Links for instance, then go down to the links part of your page and put in <A NAME="LINKS">, or whatever you want to call it. Then, to make a link to it on another part of the page, just type <A HREF="#LINKS"> Go to my links</A>. Be VERY sure to include the # sign before the name!

About the "CENTER" tag

The CENTER tag places EVERYTHING on the page so it is centered. This includes all pictures and every line of text inside the tag. It usually looks nice to have graphics centered, but sometimes texts that are centered can look sloppy or unattractive, so be careful when you use this. You can end centering with </center>.

About the "IMG SRC" tag

IMG SRC stands for Image Source. You can display images using this tag. All you have to do is list the picture source after "IMG SRC=". You can load pictures in 2 ways! You can load a picture from your own directory, and for that you just put quotation marks around the filename, so if the image was called picture1.jpg, then your tag would say <IMG SRC="picture1.jpg">.
There is another way to load a picture, but it is a LOT slower and it eats up other people's bandwidth, so we DO NOT suggest you use this unless the page author tells you to specifically. (Some authors DO allow it for link buttons and banners or things like that!) To load a picture remotely, you need a WHOLE URL of the image before you can load it. If the file was at, then your tag would say <IMG SRC="">.
Here are different parts of the IMG SRC tag:

About the "UL" tag

UL means Unordered List. This tag lets you create a bullet list of items. You end the list with </UL>. Your bullet list will look something like this:

  • Sailormoon
  • Chibimoon
  • Tuxedo Kamen

If you replace "UL" with "OL" (Ordered List), then you will get a list with numbers instead of bullets, like this:

  1. Sailormoon
  2. Chibimoon
  3. Tuxedo Kamen

About the "LI" tag

LI is the abbreviation for Line Item. This is how you mark each item in your list. This works for Unordered (bullet) Lists AND Ordered (numbered) Lists. You close the tag with </li>.

We remind you again to tell us what need to see! If you feel something was not covered here that should be here or if you feel that one of these could be explained better then E-mail us and tell us what you need!

Basic HTML :: Page Tips

Contents and designs 1998, The "M" Squad.