HTML <p> Tag

The <p> element in HTML represents a paragraph of text. It is one of the most fundamental block-level elements used to structure written content on a webpage. By default, a paragraph is displayed with vertical spacing (margins) above and below it, separating it from other block-level elements, which helps improve readability.

Paragraphs are intended to group together related sentences that form a cohesive thought or idea. While browsers automatically add some spacing around <p> elements, developers can customize their appearance using CSS for margins, padding, text alignment, font styles, line height, and more.

The <p> tag can contain text and inline elements such as <a> (links), <strong> or <em> (for emphasis), <span> (for styling), and other inline content. However, it cannot contain block-level elements like <div>, <ul>, or <h1> directly inside it; doing so would break HTML semantics and may cause unexpected rendering.

In HTML5, the <p> tag plays a key role in semantic markup, signaling to browsers, search engines, and assistive technologies (like screen readers) that the content inside is a paragraph. This helps with accessibility, search engine optimization, and overall document structure.

Example usage:

<p>This is a simple paragraph of text that introduces the topic of the webpage.</p>
<p>Another paragraph can continue the discussion, providing more details or context.</p>