HTML Tags Tutor

Paragraph Tag

The paragraph tag is used to place paragraphs on a web page. Text is typed between the tags.

<p></p>

Lesson steps

Click the <> button to enter your code

Type the code shown here for a paragraph tag in the editor window:

<p>This is my first web page and this is my first paragraph.</p>

Click Preview button.

Add Font Family

Click the <> button to return to the code.

Add the inline style code to the opening paragraph tag as shown in red:

<p style="font-family: verdana">
Click Preview button.

Add Font Size

Click the <> button to return to the code.

Add additional code as shown in red:

<p style="font-family: verdana; font-size: 12pt">
Click Preview button.

Add Text Align

Click the <> button to return to the code.

Add additional code as shown in red:

<p style="font-family: verdana; font-size: 12pt; text-align: left">
Click Preview button.

Add Indentation

Click the <> button to return to the code.

Add additional code as shown in red:

<p style="font-family: verdana; font-size: 12pt; text-align: left; text-indent: 1em">
Click Preview button.

Lesson Notes

The paragraph tag will work if you forget the closing tag. For W3C compliance you should include it.

When adding inline style declarations, use a semi colon to separate them. If these same declarations were defined in the head section using the style tag the code would look like this:
<head>
<style type="text/css">
p {
font-family: verdana;
font-size: 12pt;
text-align: left;
text-indent: 1em
}
<style>
</head>