KISS HTML
You CAN write HTML code from scratch

The "Image" tag, or as more commonly seen <IMG SRC=" "> tag

Web pages that contain only text can be boring. To spice it up a little, you can add "pictures" to the page.

These pictures are either photographic images or artistically-drawn images. Photographs have to be scanned before they can be placed on a web page, and they are usually called "jpg" or jay-pegs. Drawings are usually done in a "paint" program, such as Paint Shop Pro, and are called "gifs."

The HTML tag for placing images on a web page is the <IMG SRC> tag. The tag is an abbreviation of Image Source.

For our web page, we are going to be using an animated gif called "guy-comp.gif" and we're putting it into the web page as seen below. "Animated" means that it moves. I also put a "Paragraph" tag before the gif, so that it had a little more breathing space

Also note that in the Image tag, the phrase "images/" (ex. <IMG SRC="images/guy-comp.gif"> )
is the name of the directory on your web site where your images are stored.
Some people call the directory "pics/" instead of images. Other people don't have their images in a separate directory at all, in which case there would be no directory in the "IMG SRC" tag.
Note: For more on "directories" or "folders", go to Setting Up Your Computer.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 //EN">
<HTML>

<HEAD>
<TITLE>Cyberperson's First Web Page</TITLE>
</HEAD>

<BODY>
<CENTER>
<FONT SIZE="6" COLOR="#0000FF">
<B>
This web page belongs to Cyberperson. <BR>
</B>
</FONT>
<P>
<IMG SRC="images/guy-comp.gif"> </P>
<P>
<HR> </P>
<P>

<CENTER>
<FONT SIZE="5">
I live in Los Angeles. <BR>
</P> </FONT> </CENTER>
<FONT SIZE="3" COLOR=#000000">
Los Angeles is the largest city on the west coast. There are over 8 million people living in the area. Surrounded by mountains, and bordered by the Pacific Ocean, you can find more to do here than almost anywhere else in the world! </FONT> <BR>
<P>

<CENTER>
<FONT SIZE="5">
I work for Calliope Studios. <BR>
</P> </FONT> </CENTER>
<FONT SIZE="3" COLOR=#000000">
Calliope produces titles and introductions to Hollywood movies and TV shows. You can see my work at the beginning of many of the TV shows of today. </FONT> <BR>
<P>

<CENTER>
<FONT SIZE="5">
I have a dog named Remington. <BR>
</P> </FONT> </CENTER>
<FONT SIZE="3" COLOR=#000000">
Remington is a black Labrador Retriever. He loves the water and swims the whole time we go to the beach. He is my very best friend. </FONT> <BR>
<P>

<CENTER>
<FONT SIZE="5">
My hobbies are cooking and movies. <BR>
</P> </FONT> </CENTER>
<FONT SIZE="3" COLOR=#000000">
We have friends come over twice a month for a "bring-your-own-dish" party. The food is great and we do a lot of recipe swapping. </P> <BR>
</FONT>
</BODY>

</HTML>

With an image added after the top line, it would look like this: click Here

<- Previous | Next ->