The HTML <p> tag is used to define a paragraph of text on a webpage. Browsers automatically add some space (usually a margin) before and after each paragraph to separate it from other content, making the text easier to read.
Tag: <p> is used to start a new paragraph, and the closing tag <p> indicates the end of the paragraph.
Automatic Spacing: Browsers typically add margins above and below paragraphs to visually separate them from other elements.
Block-Level Element: The <p> tag is a block-level element, meaning it starts on a new line and extends the full width of its container
<!DOCTYPE html>
<html>
<head>
<title>HTML Paragraph Example</title>
</head>
<body>
<p>This is the first paragraph of text. It will be displayed with space above and below it, as
the browser adds margins by default.</p>
<p>This is the second paragraph. Notice how there is space between this paragraph and the
previous one, thanks to the default margins applied by the browser.</p>
</body>
</html>
Starting a Paragraph: Use <p> to begin a new paragraph.
Ending a Paragraph: Close the paragraph with </p>.
Default Behavior: Browsers handle the spacing automatically, so you don’t need to add extra styling for basic paragraph separation.
The <br> tag is used to insert a line break within text. It’s a self-closing tag, meaning it doesn’t need a closing counterpart. It can be useful within a paragraph or other text elements to break lines without starting a new paragraph.
The <hr> tag is used to create a horizontal line or rule that visually separates content. It is also a self-closing tag and is typically used between paragraphs or sections to indicate a thematic break or division.
<!DOCTYPE html>
<html>
<head>
<title>Using <br> and <hr> Tags</title>
</head>
<body>
<p>This is the first paragraph.<br>
This is a line break within the same paragraph, created using the <br> tag.</p>
<hr>
<p>This is the second paragraph, separated from the first by a horizontal line created using
the <hr> tag.</p>
</body>
</html>