HTML Paragraphs Tags

HTML Paragraphs Tags
Nikhil
Published on 2021-07-01 04:40:50

Html tutorial on paragraph tags or p tags

Start Tag Content End Tag
<p> This is paragraph content tag. </p>
<br> Inserts a single line break  
<pre> Defines pre-formatted text </pre>

Paragraphs are the most basic HTML element. This topic explains and demonstrates the usage of the paragraph element in HTML.

HTML Paragraphs


The HTML <p> element defines a paragraph:

  • <p>This is a paragraph.</p>
  • <p>This is another paragraph.</p>

Display-

You cannot be sure how HTML will be displayed. Large or small screens and resized windows will create different results. With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.

The browser will remove any extra spaces and extra lines when the page is displayed:

<p>This is      another       paragraph, extra         spaces will be removed by                browsers           </p>

The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag as shown below in the example:

HTML Paragraph Tag Example


<!DOCTYPE html>
<html>

<head>
    <title>Atutorialhub html paragraph tag example</title>
</head>

<body>
    <p>Here is a first              paragraph of text.</p>
    <p>Here is a second             paragraph of text.</p>
    <p>Here                                      is a third paragraph of text.</p>
</body>

</html>

 
output:
The browser will remove any extra spaces and extra lines when the page is displayed:
 

Here is a first paragraph of text.

Here is a second paragraph of text.

Here is a third paragraph of text.

ATutorialHub Related Guide

HTML Tutorials Comments (8)

Leave a Comment

Your email address will not be published. Required fields are marked*

User Comments

html tutorial comments

panduranga gupta

2021-07-05 07:03:13

good website for learning and help me a lot

html tutorial comments

raju

2021-09-25 14:58:47

The awsome website i am looking like for a long time, good work atutorialhub team keep doing

html tutorial comments

Shivani

2021-09-01 15:03:56

Learning a lot from the courses present on atutorialhub. The courses are very well explained. Great experience

html tutorial comments

Harshitha

2021-09-10 15:05:45

It is very helpful to students and easy to learn the concepts

html tutorial comments

Sowmya

2021-09-14 15:06:41

Great job Tutorials are easy to understand Please make use of it

html tutorial comments

Zain Khan

2021-09-18 15:07:23

Great content and customized courses.

html tutorial comments

Rudrakshi Bhatt

2021-09-09 15:08:10

Well structured coursed and explained really well!

html tutorial comments

Pavana Somashekar

2021-09-11 15:09:08

Good platform for beginners and learn a lot on this website