

{"id":78923,"date":"2020-07-02T13:31:44","date_gmt":"2020-07-02T08:01:44","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=78923"},"modified":"2024-07-26T13:14:46","modified_gmt":"2024-07-26T07:44:46","slug":"html-paragraph-tag","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/","title":{"rendered":"HTML Paragraph tag &#8211; HTML Line Breaks"},"content":{"rendered":"<p>In HTML, &lt;p&gt; or paragraph element is used to define paragraph in an HTML document. Paragraphs are basically blocks of similar content, images, links, etc grouped together and displayed on a web-page. It always starts with a new line and browsers automatically add some white-spaces before and after each paragraph. It has a starting &lt;p&gt; tag and an ending &lt;\/p&gt; tag. In this\u00a0 HTML Tutorial, we will learn HTML Paragraph tag in detail.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78935\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg\" alt=\"HTML paragraph tag\" width=\"1200\" height=\"628\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg 1200w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML-300x157.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML-1024x536.jpg 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML-150x79.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML-768x402.jpg 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML-520x272.jpg 520w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<h2>Importance of HTML Paragraph Tag<\/h2>\n<ul>\n<li>Paragraphs give a structural view to the document, making it more readable.<\/li>\n<li>Paragraphs can contain related content such as text, images,forms,etc.<\/li>\n<li>It demarcates a particular block of content from the rest of the content, thus making it easier to comprehend.<\/li>\n<\/ul>\n<p>The paragraph tag is important in web development as it improves the visual organization of the text. It improves user experience by breaking up large chunks of text, making it easier to read and follow. Also, properly structured paragraphs help in SEO by providing clear information to search engines.<\/p>\n<h2>Properties of HTML Paragraph<\/h2>\n<ul>\n<li>The browsers add some white spaces before and after each paragraph.<\/li>\n<li>Multiple spaces specified by the user,within a paragraph,are reduced to single space by the browser.<\/li>\n<li>Similarly, multiple lines entered within a paragraph are reduced to a single line.<\/li>\n<li>Browsers separate the paragraphs by a blank line.<\/li>\n<\/ul>\n<h2>Default CSS for Paragraphs in HTML<\/h2>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">p {\r\n  display: block;\r\n  margin-top: 1em;\r\n  margin-bottom: 1em;\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n}\r\n<\/pre>\n<p>These properties can be manipulated and overridden as per the user\u2019s\/developer\u2019s preferences.<\/p>\n<p>Below is an example of a basic paragraph-<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;  \r\n&lt;p&gt;Welcome to DataFlair. This is Paragraph1&lt;\/p&gt;\r\n&lt;p&gt;This is Paragraph2&lt;\/p&gt;  \r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-264.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78936\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-264.png\" alt=\"html paragraph tag\" width=\"394\" height=\"112\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-264.png 394w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-264-300x85.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-264-150x43.png 150w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/a><\/p>\n<h2>Preserving Multiple Lines and Spaces<\/h2>\n<p>As observed, the browser considers multiple lines and multiple spaces as a single line and space respectively. This could create problems at many instances, suppose when the user actually needs to display the content with multiple spaces and lines.<\/p>\n<p>Below is the code, containing a poem, depicting the problem.<\/p>\n<p><strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;  \r\n&lt;p&gt;\r\n    Twinkle, twinkle,      little star, \r\n    How I wonder what you are! \r\n    Up above the world so high, \r\n    Like a diamond in the sky.\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt; \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78937\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267.png\" alt=\"Paragraph in HTML\" width=\"927\" height=\"74\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267.png 927w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267-300x24.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267-150x12.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267-768x61.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-267-520x42.png 520w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>As seen, multiple lines and spaces have not been preserved.<\/p>\n<p><strong>Solutions for the above problem:<\/strong><\/p>\n<h3>1. Create Line Breaks in HTML<\/h3>\n<p>Line break tag &lt;br&gt; can be used to preserve the multiple lines. For example,<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;  \r\n&lt;p&gt;\r\n    Twinkle, twinkle,little star, \r\n    &lt;br&gt;\r\n    How I wonder what you are! \r\n    &lt;br&gt;\r\n    Up above the world so high, \r\n    &lt;br&gt;\r\n    Like a diamond in the sky.\r\n    &lt;br&gt;\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;  \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-269.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78938\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-269.png\" alt=\"Break line in HTML\" width=\"394\" height=\"134\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-269.png 394w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-269-300x102.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-269-150x51.png 150w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/a><\/p>\n<h3>2. Create Spaces in HTML<\/h3>\n<p>In order to create spaces, &amp;nbsp is useful. For example,<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;  \r\n&lt;p&gt;\r\n    Twinkle, twinkle,little&amp;nbsp;&amp;nbsp;&amp;nbsp;star, \r\n    &lt;br&gt;\r\n    How I wonder what you are! \r\n    &lt;br&gt;\r\n    Up above the world so high, \r\n    &lt;br&gt;\r\n    Like a diamond in the sky.\r\n    &lt;br&gt;\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;  \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-271.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78939\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-271.png\" alt=\"create spaces in HTML\" width=\"375\" height=\"135\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-271.png 375w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-271-300x108.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-271-150x54.png 150w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<h3>3. Use &lt;pre&gt; Element in HTML<\/h3>\n<p>The &lt;pre&gt; element preserves the formatting of the content, as done by the developer\/user.<\/p>\n<p>For example,<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;  \r\n&lt;p&gt;\r\n&lt;pre&gt;\r\n    Twinkle, twinkle,little    star, \r\n    How I wonder what you are! \r\n    Up above the world so high, \r\n    Like a diamond in the sky.\r\n&lt;\/pre&gt;\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-273.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78940\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-273.png\" alt=\"&lt;pre&gt; element in HTML\" width=\"382\" height=\"132\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-273.png 382w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-273-300x104.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-273-150x52.png 150w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/a><\/p>\n<h2>&lt;hr&gt; tag with Paragraphs in HTML<\/h2>\n<p>The horizontal rule tag &lt;hr&gt; is useful with paragraphs to clearly distinguish and demarcate them from one another.<\/p>\n<p>For example,<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;\r\n&lt;h1&gt; Welcome to DataFlair!&lt;\/h1&gt; \r\n&lt;h2&gt;About Us&lt;\/h2&gt; \r\n&lt;p&gt;\r\nWe continuously work hard to bring you the best trainers to enable your smooth learning at your home as per your convenience. This is the reason why most of the DataFlair students get placed in top MNCs in Big Data just after the training.\r\nDataFlair team comprises of trainers who are experts in their relevant technologies and are selected after many rounds of interviews, content team that continuously works hard to provide quality content to the readers, Marketing team that work hand in hand with other teams to make the content reaches the right audience and HR team that work to extend the team and to provide a healthy work environment.\r\n&lt;\/p&gt;\r\n&lt;hr&gt;\r\n&lt;h2&gt;Vision&lt;\/h2&gt;\r\n&lt;p&gt;\r\nTo provide the best training in latest cutting edge technologies across the globe and help learners carve their career.\r\n&lt;\/p&gt;\r\n&lt;hr&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;  \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78941\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275.png\" alt=\"HTML &lt;hr&gt; tags\" width=\"801\" height=\"524\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275.png 801w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275-300x196.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275-150x98.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275-768x502.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-275-520x340.png 520w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/a><\/p>\n<h2>HTML Paragraph Align Attribute<\/h2>\n<p>The text-align property of style attribute is for aligning a paragraph.<\/p>\n<p>For example,<br \/>\n<strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;  \r\n&lt;\/head&gt;  \r\n&lt;body&gt;\r\n&lt;h1&gt; Welcome to DataFlair!&lt;\/h1&gt; \r\n&lt;h2&gt;About Us&lt;\/h2&gt; \r\n&lt;p style=\"text-align: center;\"&gt;\r\nWe continuously work hard to bring you the best trainers to enable your smooth learning at your home as per your convenience. This is the reason why most of the DataFlair students get placed in top MNCs in Big Data just after the training.\r\nDataFlair team comprises of trainers who are experts in their relevant technologies and are selected after many rounds of interviews, content team that continuously works hard to provide quality content to the readers, Marketing team that work hand in hand with other teams to make the content reaches the right audience and HR team that work to extend the team and to provide a healthy work environment.\r\n&lt;\/p&gt;\r\n&lt;h2&gt;Vision&lt;\/h2&gt;\r\n&lt;p style=\"text-align: right;\"&gt;\r\nTo provide the best training in latest cutting edge technologies across the globe and help learners carve their career.\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;  \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78942\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277.png\" alt=\"html right align paragraphh\" width=\"1044\" height=\"440\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277.png 1044w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277-300x126.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277-1024x432.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277-150x63.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277-768x324.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-277-520x219.png 520w\" sizes=\"auto, (max-width: 1044px) 100vw, 1044px\" \/><\/a><\/p>\n<p>Other global attributes such as class and id, can also be used with paragraph elements. The related CSS properties will be discussed in the preceding articles.<\/p>\n<p>Along with the style\u2019s attribute text-align property, paragraph\u2019s \u2018align\u2019 attribute can also be used to align it. For example:<\/p>\n<p><strong>Code-<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt;  \r\n&lt;html&gt;  \r\n&lt;head&gt;  \r\n&lt;title&gt;DataFlair&lt;\/title&gt;\r\n&lt;style type=\"text\/css\"&gt;\r\n@import url(\"style.css\");\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;  \r\n&lt;body&gt;\r\n&lt;h1 style=\"text-align: center;\"&gt;&lt;u&gt;&lt;i&gt; Welcome to DataFlair&lt;\/i&gt;&lt;\/u&gt;&lt;\/h1&gt; \r\n&lt;h2 style=\"text-align: center;\"&gt;&lt;u&gt;About Us&lt;\/u&gt;&lt;\/h2&gt; \r\n&lt;p align=\"center\"&gt;\r\nWe continuously work hard to bring you the best trainers to enable your smooth learning at your home as per your convenience. This is the reason why most of the DataFlair students get placed in top MNCs in Big Data just after the training.\r\nDataFlair team comprises of trainers who are experts in their relevant technologies and are selected after many rounds of interviews, content team that continuously works hard to provide quality content to the readers, Marketing team that work hand in hand with other teams to make the content reaches the right audience and HR team that work to extend the team and to provide a healthy work environment.\r\n&lt;\/p&gt;\r\n&lt;\/body&gt;  \r\n&lt;\/html&gt;  \r\n<\/pre>\n<p><strong>Output-<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78943\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311.png\" alt=\"html p tag\" width=\"1268\" height=\"293\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311.png 1268w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311-300x69.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311-1024x237.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311-150x35.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311-768x177.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Screenshot-311-520x120.png 520w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/a><\/p>\n<h2>Summary<\/h2>\n<p>In this article, we have looked at the HTML paragraph tag &#8211; HTML &lt;p&gt; element &#8211; which is its most basic element. Paragraph element in HTML is useful to create blocks of related content on a web page and provide a systematic structure. We\u2019ve delved into the properties of the &lt;p&gt; element and the attributes used to manipulate and style it.<\/p>\n<p><strong>Hope you enjoyed the article!!!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In HTML, &lt;p&gt; or paragraph element is used to define paragraph in an HTML document. Paragraphs are basically blocks of similar content, images, links, etc grouped together and displayed on a web-page. It always&#46;&#46;&#46;<\/p>\n","protected":false},"author":10,"featured_media":78935,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22400],"tags":[22496,22495,22493,22494],"class_list":["post-78923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html-line-breaks","tag-html-p-tag","tag-html-paragraph","tag-html-paragraph-tag"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Paragraph tag - HTML Line Breaks - DataFlair<\/title>\n<meta name=\"description\" content=\"HTML paragraph tag - Learn what is HTML p tag, paragraph in html, its importance and properties, create line break, create spaces, use element etc.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Paragraph tag - HTML Line Breaks - DataFlair\" \/>\n<meta property=\"og:description\" content=\"HTML paragraph tag - Learn what is HTML p tag, paragraph in html, its importance and properties, create line break, create spaces, use element etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-02T08:01:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-26T07:44:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Paragraph tag - HTML Line Breaks - DataFlair","description":"HTML paragraph tag - Learn what is HTML p tag, paragraph in html, its importance and properties, create line break, create spaces, use element etc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/","og_locale":"en_US","og_type":"article","og_title":"HTML Paragraph tag - HTML Line Breaks - DataFlair","og_description":"HTML paragraph tag - Learn what is HTML p tag, paragraph in html, its importance and properties, create line break, create spaces, use element etc.","og_url":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2020-07-02T08:01:44+00:00","article_modified_time":"2024-07-26T07:44:46+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33"},"headline":"HTML Paragraph tag &#8211; HTML Line Breaks","datePublished":"2020-07-02T08:01:44+00:00","dateModified":"2024-07-26T07:44:46+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/"},"wordCount":577,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg","keywords":["HTML Line breaks","HTML p tag","html paragraph","html paragraph tag"],"articleSection":["HTML Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/","url":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/","name":"HTML Paragraph tag - HTML Line Breaks - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg","datePublished":"2020-07-02T08:01:44+00:00","dateModified":"2024-07-26T07:44:46+00:00","description":"HTML paragraph tag - Learn what is HTML p tag, paragraph in html, its importance and properties, create line break, create spaces, use element etc.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Paragraphs-in-HTML.jpg","width":1200,"height":628,"caption":"HTML paragraph tag"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/html-paragraph-tag\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"HTML Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/html\/"},{"@type":"ListItem","position":3,"name":"HTML Paragraph tag &#8211; HTML Line Breaks"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"The DataFlair Team is passionate about delivering top-notch tutorials and resources on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. With expertise in the tech industry, we simplify complex topics to help learners excel. Stay updated with our latest insights.","url":"https:\/\/data-flair.training\/blogs\/author\/dfadteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/78923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=78923"}],"version-history":[{"count":6,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/78923\/revisions"}],"predecessor-version":[{"id":142926,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/78923\/revisions\/142926"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/78935"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=78923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=78923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=78923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}