{"id":32,"date":"2023-12-12T16:37:44","date_gmt":"2023-12-12T16:37:44","guid":{"rendered":"https:\/\/www.xopsschool.com\/tutorials\/?p=32"},"modified":"2024-03-04T16:34:05","modified_gmt":"2024-03-04T16:34:05","slug":"html-paragraphs","status":"publish","type":"post","link":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/","title":{"rendered":"HTML Paragraphs"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>An HTML paragraph is defined by the<\/li>\n\n\n\n<li>tag. It serves two main purposes:<\/li>\n\n\n\n<li>Structurally: It tells the browser that the enclosed text forms a distinct block of content, separate from other paragraphs or elements. This helps with page layout and accessibility.<br>Visually: Browsers typically add some space before and after a<\/li>\n\n\n\n<li>tag, creating a visual separation between paragraphs and making the text easier to read.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Here&#8217;s how to use the <code>&lt;p&gt;<\/code> tag:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Place the opening&nbsp;<code class=\"\">&lt;p&gt;<\/code>&nbsp;tag before your paragraph text.<\/li>\n\n\n\n<li>Add your paragraph text between the&nbsp;<code class=\"\">&lt;p&gt;<\/code>&nbsp;and&nbsp;<code class=\"\">&lt;\/p&gt;<\/code>&nbsp;tags.<\/li>\n\n\n\n<li>Close the paragraph with the&nbsp;<code class=\"\">&lt;\/p&gt;<\/code>&nbsp;tag.<\/li>\n<\/ul>\n\n\n\n<p><strong>Explain:-<\/strong><\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&lt;p&gt; this is an elephant.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;p&gt;this is a paragraph.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;p&gt;this is a doctor.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Output<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"161\" src=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\" alt=\"This image has an empty alt attribute; its file name is Screenshot-12.png\" class=\"wp-image-38\" style=\"width:1050px;height:auto\" srcset=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png 663w, https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3-300x73.png 300w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><h1 style=\"box-sizing: inherit; font-size: 42px; font-family: &quot;Segoe UI&quot;, Arial, sans-serif; font-weight: 400; margin: 10px 0px; color: rgb(0, 0, 0); white-space-collapse: collapse; background-color: rgb(255, 255, 255);\"><\/h1><\/h3>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>HTML\u00a0Styles<\/strong><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Styling HTML elements:<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>Inline styling:<\/strong> This is achieved using the style attribute directly on an HTML element. It allows you to set individual styles for specific elements, but can be messy and hard to maintain.<\/p>\n\n\n\n<p><strong>Internal stylesheets:<\/strong> These are defined within the section of your HTML document using the &lt;style> tag. This allow you for multiple elements and keep your code cleaner.                                                                                     External stylesheets: These are stored in separate.css files and linked to your HTML document using the tag. This is the preferred approach for large or complex websites as it promotes code reusability and maintainability. <\/p>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s how to use the &lt;p&gt; tag: Explain:- &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;p&gt; this is an elephant.&lt;\/p&gt; &lt;p&gt;this is a paragraph.&lt;\/p&gt; &lt;p&gt;this is a doctor.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; Output HTML\u00a0Styles Styling HTML elements: Inline styling: This is achieved using the style attribute directly on an HTML element. It allows you to set individual styles for specific &#8230; <a title=\"HTML Paragraphs\" class=\"read-more\" href=\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\" aria-label=\"Read more about HTML Paragraphs\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-32","post","type-post","status-publish","format-standard","hentry","category-html-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Paragraphs - XOps Tutorials!!!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Paragraphs - XOps Tutorials!!!\" \/>\n<meta property=\"og:description\" content=\"Here&#8217;s how to use the &lt;p&gt; tag: Explain:- &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;p&gt; this is an elephant.&lt;\/p&gt; &lt;p&gt;this is a paragraph.&lt;\/p&gt; &lt;p&gt;this is a doctor.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; Output HTML\u00a0Styles Styling HTML elements: Inline styling: This is achieved using the style attribute directly on an HTML element. It allows you to set individual styles for specific ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\" \/>\n<meta property=\"og:site_name\" content=\"XOps Tutorials!!!\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-12T16:37:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T16:34:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\" \/>\n<meta name=\"author\" content=\"ritik hansda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ritik hansda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\"},\"author\":{\"name\":\"ritik hansda\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"headline\":\"HTML Paragraphs\",\"datePublished\":\"2023-12-12T16:37:44+00:00\",\"dateModified\":\"2024-03-04T16:34:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\"},\"wordCount\":253,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\",\"articleSection\":[\"HTML Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\",\"name\":\"HTML Paragraphs - XOps Tutorials!!!\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\",\"datePublished\":\"2023-12-12T16:37:44+00:00\",\"dateModified\":\"2024-03-04T16:34:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\",\"contentUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png\",\"width\":663,\"height\":161,\"caption\":\"This image has an empty alt attribute; its file name is Screenshot-12.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xopsschool.com\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Paragraphs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/\",\"name\":\"XOps Tutorials!!!\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\",\"name\":\"ritik hansda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"caption\":\"ritik hansda\"},\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Paragraphs - XOps Tutorials!!!","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:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/","og_locale":"en_US","og_type":"article","og_title":"HTML Paragraphs - XOps Tutorials!!!","og_description":"Here&#8217;s how to use the &lt;p&gt; tag: Explain:- &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;p&gt; this is an elephant.&lt;\/p&gt; &lt;p&gt;this is a paragraph.&lt;\/p&gt; &lt;p&gt;this is a doctor.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; Output HTML\u00a0Styles Styling HTML elements: Inline styling: This is achieved using the style attribute directly on an HTML element. It allows you to set individual styles for specific ... Read more","og_url":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/","og_site_name":"XOps Tutorials!!!","article_published_time":"2023-12-12T16:37:44+00:00","article_modified_time":"2024-03-04T16:34:05+00:00","og_image":[{"url":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png","type":"","width":"","height":""}],"author":"ritik hansda","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ritik hansda","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#article","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/"},"author":{"name":"ritik hansda","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"headline":"HTML Paragraphs","datePublished":"2023-12-12T16:37:44+00:00","dateModified":"2024-03-04T16:34:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/"},"wordCount":253,"commentCount":0,"image":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png","articleSection":["HTML Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/","url":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/","name":"HTML Paragraphs - XOps Tutorials!!!","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage"},"image":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png","datePublished":"2023-12-12T16:37:44+00:00","dateModified":"2024-03-04T16:34:05+00:00","author":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"breadcrumb":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#primaryimage","url":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png","contentUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-3.png","width":663,"height":161,"caption":"This image has an empty alt attribute; its file name is Screenshot-12.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xopsschool.com\/tutorials\/html-paragraphs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xopsschool.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"HTML Paragraphs"}]},{"@type":"WebSite","@id":"https:\/\/www.xopsschool.com\/tutorials\/#website","url":"https:\/\/www.xopsschool.com\/tutorials\/","name":"XOps Tutorials!!!","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7","name":"ritik hansda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","caption":"ritik hansda"},"url":"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/"}]}},"_links":{"self":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":2,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/32\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}