HTML for beginners
Lesson 6
Formatting

The code on your page should look like this now. Since you were playing with different values for font sizes and color codes, those values may not match what you see here, but that doesn't matter. Just make sure your background color "bgcolor" is something that lets you read the text. I changed mine to light blue.

<html>
<head>
<title></title>
</head>
<body bgcolor="00ffff">
<font size="+2" color="red"><i>This is my first web page.</i></font><br>
My page is getting bigger.
<p><b>This is a <font color="0000ff">whole</font> new paragraph.</b></p>
</body>
</html>

Now let's move the text around a little. Add the red text below, then save and launch your page.

<html>
<head>
<title></title>
</head>
<body bgcolor="00ffff">
<font size="+2" color="red"><i>This is my first web page.</i></font><br>
My page is getting bigger.
<p align="right"><b>This is a <font color="0000ff">whole</font> new paragraph.</b></p>
</body>
</html>

By adding more info to our "p" tag, we told the browser we want that paragraph to go on the right side of the page instead of the left. If nothing is entered, like we were doing before, the browser assumes we want it on the left.

Since our first paragraph still doesn't have the "p" tags around it, we will add them now. Add the new text below and see what we get. You can probably guess what will happen to the first paragraph.

<html>
<head>
<title></title>
</head>
<body bgcolor="00ffff">
<p align="center"><font size="+2" color="red"><i>This is my first web page.</i></font><br>
My page is getting bigger.</p>
<p align="right"><b>This is a <font color="0000ff">whole</font> new paragraph.</b></p>
</body>
</html>

In our next lesson we will tell about some more tags that give you more variety and options for your text, and we will reorganize our html file a little. We will also finally give your page a title. After that it gets fun. In lesson 8 we will show you how to add pictures to your page.

More tags


 Quick links            
 

Premier Website Solutions
Hosting, Design, and Domain Registration

Hosting   Design   Registration

General Help   Contact   Client FAQ's

Home Page

Read client testimonies.

Tell a friend about this site.

About Us

email This website is designed and hosted by Premier Website Solutions