Adding Paragraphs to a Web Page with HTML

Add paragraphs to a web page using the paragraph tag.

The basic paragraph tag looks like this: <p></p>

Always use an open and close tag when placing paragraphs on your pages. They will work without a closing tag, but to be W3C compliant you should use the closer.

Text that you want to appear on the page is typed between the tags.

Add a couple of paragraph tags below the header tags of the second column or right cell in the table.

If you want to save time , here's the code from the home page of the demo site:

<p>This is my first website and this is my first web page. When I complete this tutorial I should have enough information to start work on the website that I really want to build.</p>
<p>I am going to learn about structuring web pages with tables, how to use CSS style sheets, using color properly and many other aspects of building a great website.</p>
<p>I'm also going to learn the basics of getting my website good positions on the search engines.</p>

Copy and paste below the header tag in the right cell of the table.

Save the changes and look at the page in your browser.

Code should look like this:
<table> <tr> <td id="left"><img src="images/strawberry.jpg"></td> <td id="right"> <h1>My First Web Page</h1> <p>This is my first website and this is my first web page. When I complete this tutorial I should have enough information to start work on the website that I really want to build.</p> <p>I am going to learn about structuring web pages with tables, how to use CSS style sheets, using color properly and many other aspects of building a great website.</p> <p>I'm also going to learn the basics of getting my website good positions on the search engines.</p> </td> </tr> </table>

What we need now are the style settings for our paragraphs.

Open the stylesheet in your text editor and add this block of code:
p { font-family:helvetica, tahoma, verdana, arial,serif; font-style:normal; font-weight:normal; font-size:11pt; text-align: left; text-indent:1em }

These settings are pretty much the same as the ones we added for the header tag.

We set the size of text to 11 points and aligned the text to the left. We did add a line to indent the text at the beginning of each paragraph. text-indent:1em

Save the changes to the style sheet and look at the web page in your browser. You may need to click the reload or refresh button to see the change.

We're going to be using firstpage.html as our template page to create the other pages of our site. One of the things we need is a site heading or logo at the top of the page.

Take a short quiz on the information you just learned.

Let's add a site heading.

Free Business Web Hosting

If you are building a website for a business or organization, you can put it online for free at Microsoft® Office Live Small Business. You can create your website with HTML and upload it or use their tools and build it online. Take your business online with Microsoft® Office Live Small Business. Get started for FREE! Take the TOUR!

Create Web Sites without Learning Code

Create web sites online without learning any code using Yahoo's simple but powerful Site Solution builder.
Try the Site Solution Demo

Sitebuilder 2.6 is even better than previous versions of Yahoo's downloadable builder. Download it to your PC and create a web site with all the bells and whistles.

Start today and SAVE 25% on your first 3 months.

Get everything you need for a great web site with Yahoo! Web Hosting - 25% off

Property of
Net Success 2000 Plus Inc
Po Box 1508
Somerset KY 42502
Last Modified: September 17, 2008

Home

HTML Tutor
Beginner
HTML Basics
Add a Heading
Add a Paragraph

Intermediate
Phase I
Getting Started
Basic HTML Page
Creating Columns
CSS
Color
Headings
Images
Paragraphs
Site Heading
Linking

Advanced
Phase II
Start Phase II
Editing Pages
Change Appearance
Summary

Helps
Tag Glossary
Finished Code
Image Download
Color Tool
Hex Code Chart
Free Web Templates
Free Heading Graphic
Free Backgrounds
Put It on the Web
Quizzes
Your Questions

HTML Editors
Overview
NoteTab Light
Webbuilder

Online Builder Tutorials
Soholaunch
SiteReptile
SiteSTUDIO

Other Helps
Flash Web Sites