The <p> tag in HTML stands for “paragraph,” and it’s used to define a block of text as a paragraph. This is one of the most common tags in HTML, as most webpages contain text that is organized into paragraphs. Here’s how to use the <p> tag:
<p>Text goes here</p>
The <p> tag is an example of an “opening tag” and a “closing tag.” The opening tag consists of the “<p>” characters, and the closing tag consists of the “</p>” characters. Everything between these two tags is considered part of the paragraph.
<p>This is a paragraph of text.</p>
The <p> tag doesn’t have any mandatory attributes, but it can be modified with several optional attributes:
1. `class` – Defines a class name for the paragraph. Multiple paragraphs can share the same class name.
2. `id` – Defines a unique ID for the paragraph. This can be used to link to a specific paragraph or to apply CSS styling.
3. `style` – Defines inline styling for the paragraph, using CSS syntax.
4. `title` – Defines a title for the paragraph, which appears as a tooltip when the user hovers over it.
<p class=”important” id=”first-paragraph” style=”color: red;”>This is an important paragraph of text.</p>
<p class=”important” id=”second-paragraph” style=”color: blue;”>This is another important paragraph of text.</p>
<p title=”Tooltip text”>This paragraph has a tooltip.</p>
The <p> tag can contain other HTML tags, such as <strong> or <em>, which can be used to emphasize or highlight text within the paragraph.
<p>This paragraph contains <strong>bold</strong> and <em>italicized</em> text.</p>
In conclusion, the <p> tag is a fundamental part of HTML, and it’s essential for organizing text content on webpages. Remember to use opening and closing tags, and you can modify it with optional attributes and nested elements.