... HTML & Webpages ...

... Recommend this series to a friend.

PLACING A CAPTION UNDER A GAPHIC

Now for a sentence, which we will center under the picture, I'll write: "Hey you out there … I'm watching you. I see everything you are doing." I'm going to write that in two lines, both centered under the picture. And I call one thing to your attention. Since all three entries (picture and the two sentences beneath it) are all centered, we do not need to have center tags for all three entries (thus making a total of six center tags; two opening and two closing). Instead, we will place a <CENTER> tag before the picture ... and the closing </CENTER> tag after the second sentence. That makes everything between those tags centered. So the picture and caption (two sentences) will look like this:

<CENTER> <IMG SRC=Files/eyes.jpg"> 
Hey you out there … I'm watching you. 
I see everything you are doing. </CENTER">

Notice that I placed a tag at the end where we will continue our work. If that were the end of your work, it would not be necessary. And now for a review, your html work should look like this:

<HTML>
<HEAD>
<TITLE>My Webpage</TITLE>
</HEAD>
<BODY BGCOLOR="#0020C0"TEXT="#DDDDDD" MARGINWIDTH="50">
<CENTER> <H1>Greetings from the Land of Oz</H1> </CENTER>
This is paragraph 1. 
This is paragraph 2. 
This is paragraph 3. 
<CENTER> <IMG SRC=Files/eyes.jpg"> 
Hey you out there … I'm watching you. 
I see everything you are doing. </CENTER"> 
</BODY>
</HTML>

Notice that it is not the position of the tags (whether you skip a line or not) that matters, but it's the tag itself, that determines what the page looks like (to all your admiring friends). For example, above, in the editor, the tags can be right under each other (no skipping lines). But wherever you place a tag in your editor, on the page, the line will be skipped.

Needless to say, certain tags above require neither 's nor 's since they are not seen as items on your page, but rather, they just give commands for items that ARE seen on the page. I hope that makes sense to you. Hey, you know it's not easy explaining things like this, but hell, I'm giving it a try.

Aligning Pictures & Text ... you might want to wait with this section.

What if you want your picture on the left with the text running along side of it (text on the right side of the picture)? Easy enough:

<IMG SRC="eyes.jpg" ALIGN="LEFT">
Hey you out there, I'm watching every move you make. And I see everything you are doing. 
You think I'm just a picture? I'm the soul of your computer, and I've been watching you all the time.

And if you want your picture on the right side of the page with the text reading on the left side of the picture?

<IMG SRC="eyes.jpg" ALIGN="RIGHT">
Hey you out there, I'm watching every move you make. And I see everything you are doing. 
You think I'm just a picture? I'm the soul of your computer, and I've been watching you all the time.

So if you wanted one of the above choices, you can remove the "center" tags from your picture/text section, and then copy/paste your choice into your editor (right beneath the paragraph section; keeping a tag at the end of your last paragraph.

If you want the text to start further down the side of the picture (without using a bunch of tags) you can type   before you begin typing your text. More about this on page 18. For now, just know that " " with no quotes, is a space on your web page; and enclosing it in the tags will make your text skip down several lines.

If your paragraph ended before it reached the bottom of the picture and you want to start a new line of text below the picture, use the CLEAR="ALL" attribute in the tag:

It goes right after the text that's aligned with the picture:

<IMG ALIGN="LEFT" SRC="eyes.jpg">   "Hey you out there, I'm watching every move you make. And I see everything you are doing." The spacer within the P tags make it start low.

"You think I'm just a picture? I'm the soul of your computer, and I've been watching you all the time." See how this line has started below the picture? The CLEAR attribute did it.

The result is the picture on the left and the quoted text, "Hey you out there, I'm watching every move you make. And I see everything you are doing." along its side (starting half way down), The space in the P tags make it start further down the side of the picture.

That is followed by the next line, "You think I'm just a picture? I'm the soul of your computer, and I've been watching you all the time." BELOW the picture. The CLEAR attribute did it. Experiment a little with these tags and see the different results you can get. Eventually you'll be able to just sit and type these tags; it's just a matter of practice.

And we continue on the … Next Page … linking to another site.

We return to the … Table of Contents … enjoy your work.

And if anything to add or correct - - I certainly would appreciate it.

Return to ... Navigator ... that's it.