Adding Paragraphs

Ok, the basic page is now written, we have seen how it will look, now lets add some text to our basic code and see what we get.

When you write HTML text, you do not have to worry about were word wrapping occurs. The browser will control the point the line will word wrap depending on the size of the screen and the number of characters in the line. The font size of the lettering will also determine where line wrap will occur.

<!When you see a tag begining with <!, this is a remark. They can be used to put explanations into the document that will not be shown when the page is displayed by the browser>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<:META NAME="Author" CONTENT="Dave Rigney">
<TITLE>This is my page </TITLE>
</HEAD>
<BODY>

This is the text that I want to display. I am going to make sure that it is long enough to cause a word wrap on the screen from the browser. After this paragraph I will type some other stuff for the second paragraph. Lets look at the page to see what we have displayed in the browser.

This is the start of paragraph number two. Notice what happens when you display this on the screen in your browser.

</BODY>
</HTML>

Example

If you clicked on example above you will see that all the lines have run together. In HTML, anything between the body tags requires a tag to tell the browser what nees to be done with the text. The browser will eliminate all but one (1) space between characters and eliminate all line breaks between paragraphs. This will cause the text to run together as in our example.

Pargraphs

In order to cause the text to format into the traditional paragraphs as we know them, HTML uses the <P> tag. The paragraph tag requires only a single opening tag. When the browser sees another <P> tag, it assumes that new paragraph is being displayed and will take appropriate action.

Here is the correct way to do the paragraphs

<!When you see a tag begining with <!, this is a remark. They can be used to put explanations into the document that will not be seen when the page is displayed by the browser>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Dave Rigney">
<TITLE>This is my page </TITLE>
</HEAD>
<BODY>

<P>This is the text that I want to display. I am going to make sure that it is long enough to cause a word wrap on the screen from the browser. After this paragraph we will type some other stuff and then will look at it to see what we have on the screen.</P>

<P>This is the start of paragraph number two. Notice what happens when you display this on the screen in your browser.</P>

</BODY>
</HTML>

Example

Notice that a paragraph tag will always put a blank line after the paragraph. Just like you were taught to do in typing class. HTML will do it for you. But what if you want to put more than one line between a paragraph. HTML has a tag that will do that also. The line break tag.

Line Breaks

This is a simple tag. Every place you want to put a line break, just put the following code; <BR>. This will cause the browser to put one additional line onto the screen. Here is the code for our page now.

<!When you see a tag begining with <!, this is a remark. They can be used to put explanations into the document that will not be seen when the page is displayed by the browser>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Dave Rigney">
<TITLE>This is my page </TITLE>
</HEAD>
<BODY>

<P>This is the text that I want to display. I am going to make sure that it is long enough to cause a word wrap on the screen from the browser. After this paragraph we will type some other stuff and then will look at it to see what we have on the screen.</P>

<BR>
<BR>
<BR>
<BR>

<P>This is the start of paragraph number two. Notice what happens when you display this on the screen in your browser.</P>

</BODY>
</HTML>

Example

Home