P | paragraph HTML

HTML <p> Tag

HTML paragraph is a tag that is used to specify a paragraph to be displayed on the webpage. The text between the starting <p> tag and the end </p> tag represents a paragraph in HTML. There is however no need to add a line of separation before and after a paragraph since an empty line is added before and after a paragraph by the browser itself. Including Chrome, Internet Explorer, Opera, Safari, and Firefox, all the popular browsers support the HTML paragraph tag.

Example:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>Hello World!!</p>
<p>I am an HTML Paragraph.</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <title>Example</title> </head> <body> <p>Hello World!!</p> <p>I am an HTML Paragraph.</p> </body> </html>
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>Hello World!!</p>
<p>I am an HTML Paragraph.</p>
</body>
</html>

Explanation:

In this example, we can check the behavior of the HTML paragraph tag and element. An empty line is also added between the two paragraphs.

Space in between a Paragraph:

Extra spaces and extra lines are eliminated by the browser itself while displaying the paragraph on the webpage and displays only a single space and a single line.

Example:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p> Hello World!! </p>
<p>I am
an HTML Paragraph.</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <title>Example</title> </head> <body> <p> Hello World!! </p> <p>I am an HTML Paragraph.</p> </body> </html>
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p> Hello                          World!! </p>
<p>I am 
 
an HTML Paragraph.</p>
</body>
</html>

Explanation:

In this example, all the unnecessary spaces and extra lines are eliminated by the browser itself while displaying the paragraph on the webpage.

Example: Using the <br> tag with paragraph:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>Hello World!!</p>
<p>I am an HTML Paragraph.<br>How are you all?<br> Have a great day ahead!</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <title>Example</title> </head> <body> <p>Hello World!!</p> <p>I am an HTML Paragraph.<br>How are you all?<br> Have a great day ahead!</p> </body> </html>
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>Hello World!!</p>
<p>I am an HTML Paragraph.<br>How are you all?<br> Have a great day ahead!</p>
</body>
</html>

Explanation:

In this example, we can check the behavior of <br> tag within a paragraph element.

Global attributes:

The HTML global attributes are supported by the HTML <p> tag.

Event attributes:

The HTML event attributes are supported by the HTML <p> tag.

Supporting Browsers:

Chrome, IE, Firefox, Opera, and Safari.