Web Design Made Simple Web Design Made Simple

debbie T Designs - Web Design Made Simple

Paragraphs

Introducing the p Tag

Paragraphs are important on every web page. Just like the heading tags, the <p> tag gives the content on your web page structure and organization.

Start a paragraph with the opening <p> tag. Type the content of the paragraph, then close with a </p> tag.

Start another paragraph the same way with the opening <p> tag. Always remember to close every paragraph with a </p>.

<p>Some sample paragraph text goes here. Paragraphs can be short or they can span for many lines. Always keep all paragraph text nested inside the p tag and you will have a well organized web page.</p>

Some Tips on the <p> tag:

  • Some find it easier to type the content of the page first, then add <p> and </p> tags later. Or you can initially type both the <p> and </p> and then type your paragraph content in between. This can be helpful if you sometimes forget to close your tags.
  • Similarly to the <hx> tag, the content in between the <p> and </p> will include an automatic line break above and below it. The exception to this, is when these tags are used right after the other. The additional space will be absorbed and only one line-break will be displayed between them.
  • A <p> tag must never be nested in a <hx> tag. And vice-verse. Makes sense, doesn’t it? An <h1> is for headings, and a <p> is for paragraphs, right?

It’s time to experiment with headings and paragraphs on your own web page. Read the next tutorial.

What do you want to learn next? « HeadingsAdding Content »

Leave a Comment

If you would like to make an observation or suggestion, please take the time to write a comment. If you prefer to contact me privately, there is a contact form.