... HTML & Webpages ...

... Recommend this series to a friend.

ADDING TEXT TO OUR WEBPAGE - WE SAY SOMETHING

I think we've accomplished quite a bit if you understand what you've done. We still have to learn how to make a graphic background (picture, texture, whatever), how to make a link to another page on your site (first we'll make another page), how to make a link to another site, & also how to make a link to another part of this same page you are working on. You've seen all that on other websites; what's important is that with a smattering of a little html knowledge, you too can do it.

Let's first add some text to this page of yours. A few paragraphs; now how do we do it? I like to see margins on both sides of a page; makes it much easier to read. That's why newspapers are in columns. We can make columns too but again, that's getting ahead.

So how do we make a margin along both sides of the entire page? The tag for that is <MARGINWIDTH="50"> … 50 being the number of pixels. I use 50 here but you can adjust that to your preference. So let's revise our page.

We'll keep the heading centered by closing the center tag immediately after the heading text. If you want, you can change the size of your heading by changing the number in the <H> tag from 1 all the way up to 6 (which makes the heading smaller and smaller) and we'll get ready to add a few paragraphs by adding the margin attribute to the body tag. We now have the following:

<HTML>
<HEAD>
<TITLE>My Test Page </TITLE>
</HEAD>
<BODY BGCOLOR="#0020C0 TEXT="#DDDDDD" MARGINWIDTH="50">
<CENTER>
<H1>Greetings from the Land of Oz</H1>
</CENTER>

</BODY>
</HTML>

To make it easier to read your tags (makes no difference on the page itself), you might place the "center" tags that belong to the heading all on one line, making it look like this (I'll show it this way from now on):

<CENTER> <H1>Greetings from the Land of Oz</H1> </CENTER>

Did you ask how we make a paragraph? That's easy; wherever you want to make a paragraph, you skip a space, and we do that by adding a <P> tag. Just add it to the paragraph that just ended (some add it to the beginning of the new paragraph). Now between that center tag and the closing body tag, you type in what you want, putting a <P> at the end of each paragraph you make. That's what <P> stands for … paragraph.

An aside … if you want to just skip to the next line for any reason (not skipping a space), you do that with a <BR> tag (means "break") ... So it's <BR> to move to the next line, and it's <P> to skip a line. We do that with whatever we put on the page (text or graphics). I'm going to type in three very simple paragraphs:

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

How did I do that? This is what would appear in your editor:

<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. <P>

This is paragraph 2. <P>

This is paragraph 3. <P>

</BODY>
</HTML>

And we continue on the ... Next Page … the graphic background.

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.