HTML Paragraphs

HTML Paragraphs

Last Updated Jul 26, 2015, 07:00:08 PM

In the HTML document, the whole content can be presented using paragraphs, like we write the paragraphs in a notebook.

Definition and Usage

Content categories	flow content, heading content, palpable content
Permitted content	Phrasing content
Tag omission	The start tag is mandatory
Permitted parent element	Any elements
DOM Interface	HTML Heading Element

HTML Paragraph Eaxmple

<p>The HTML p element represents a paragraph of text. </p>
Try It Now

HTML Multiple Paragraphs

You can have more than 1 paragraph in the html document

<p>This is the first paragraph of text.</p> <p>This is second paragraph of text.</p>
Watch GIF Try It Now

HTML Paragraphs with Line Breaks

HTML docuemnts can breaked with <br> tag into seperate line

<p>This is the first paragraph of text.<br>This is second paragraph of text.</p> Watch GIF Try It Now

HTML Paragraphs with Colors

HTML paragraphs can be styled with different colors

<p style="color:blue;">This is a paragraph with blue color</p> <p style="color:red;">This is a paragraph with red color.</p>
Watch GIF Try It Now

In HTML5, the align attribute on <p> is deleted

Note:

It could be tempting to over-use line breaks and br shouldn’t be used if two blocks of text are intended to be separate from one another (because if that’s what you want to do you probably want the p tag)

Paragraphs Bad Practice <h1>What not to do</h1> <address>I found that on my XYZ browser it looked prettier to me if I put some paragraph tags</address> <p> <ul><li>Around lists, and</li> <li>Inside headings.</li> </ul> <p> <h2>None of the paragraph tags in this example should be there.</h2>
Try It Now

Paragraphs Best Practice <p>All the content should be inclosed between the p tags</p> <p>Do not put p tags inside other tags</p> <p>You can use any no of p tags in a document</p>
Try It Now



Browser Support

Property
Paragraphs	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)

Practice with Our Interactive Live Code Editor and Take your HTML Skills to the next level

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5

Sources and Credits

The source of the content has been referred and updated with Mozilla Foundation and w3C

Last Updated Jul 26, 2015, 07:00:08 PM