HTML MADE EASY

Free Graphics | Graphics Optimizer | Resources | Freeware
JPEGCruncher Desktop | T-Shirts

Lesson 2: Paragraphs

Making a Paragraph
A heading is no good if it doesn't have anything under it so let's put something down, shall we? To make a paragraph, start typing the text you want to appear on your web page. At the point where you want the paragraph to end put:

<P>

This is a single tag requiring no end tag, although in some situations it can be used as a beginning and end tag. The "P" stands for, you guessed it, paragraph. It makes the text that follow skip down two lines. Here's how it's used in our html example:

<HTML>

<HEAD>
<TITLE>
Test Page </TITLE>
</HEAD>

<BODY>
< CENTER > <H1>
Learning Html </H1> </CENTER>
<H3>
Step One </H3>
The key in learning is practice.I know you can do it. <P> So give it a try.
</BODY>

</HTML>

Here's how the web page would look:

Learning Html

Step One

The key in learning is practice. I know you can do it.

So give it a try.

See what's going on? The text that came after the <P> tag skipped down two lines. Remember what I said in the previous lesson about the heading not allowing other text to line up beside it? That's why the beginning line of text skipped down two lines even though there are no P tags after the heading tags.


Give Me A Break
Hitting the "Enter" key will have no effect on your web page. If you want to start a new line in a certain place within a paragraph, you need to use this tag:

<BR>

It means "break". It is a single tag requiring no end tag and acts like the <P> tag except it skips one line instead of two.You don't need to use it at the end of each sentence in a paragraph, just use it if you want to start a new line in a particular place within a paragraph. Example:

The key to learning is practice.<BR> I know you can do it.<P>So give it a try.

This is what it would look like on your page:

The key to learning is practice.
I know you can do it.

So give it a try.


Changing the Way Text Looks
To make a word or several words bold like this, use these tags:

<B> </B>

The text that you want bold is enclosed between these tags like so:

Only one word here will be bold. <B> Guess </B>which one?

Did you pick "guess"? Then you're doing alright. How about an underlined word like this? Use these tags:

<U> </U>

What about italicized words? No problem, this is what to use:

<I> </I>

You can use any or all combinations of these tags depending on the effect you want to have on your text:

The<I>key</I>in learning to make web pages is
<B> <U> <I>practice.</I> </U> </B>

Notice how the words to be affected are enclosed in the beginning and end tags. See the slash in the end tags? Very important, don't forget them. Result:

The key in learning to make web pages is practice.

Understand? I hope so, otherwise I'm not doing a very good job. Try out the html tags you learned so far and come back for lesson 3.