HTML Paragraph Element:
The HTML `<p>` (paragraph) element is used to define paragraphs of text on a web page. Paragraphs are block-level elements, and they are commonly used to structure the content of a webpage by separating text into logical and readable units. The `<p>` element automatically adds space above and below the text it contains.
 |
| HTML Paragraph Element |
Here’s the basic syntax for the `<p>` element:
html
<p>This is a paragraph of text.</p>
Here’s an example of how you might use the `<p>` element within an HTML document:
html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Paragraph Example</title>
</head>
<body>
<h1>My Web Page</h1>
<p>This is a simple paragraph. It contains some text that provides information or describes something.</p>
<p>Another paragraph can follow. Each paragraph is separated by the <code><p></code> element.</p>
</body>
</html>
In this example, there are two paragraphs created with the `<p>` element. The content of each paragraph is contained within the opening `<p>` tag and the closing `</p>` tag. The browser automatically adds space above and below each paragraph, making the text more readable and visually separated.
Remember that the `<p>` element is a block-level element, meaning it takes up the full width available and starts on a new line. If you want to display inline text without adding space above and below, you might consider using the `<span>` element or other inline elements.