HTML Paragraphs

---

---

The HTML Paragraphs are defined by the <p> tag or <p> element. It give the Browser command to add a white space automatically before and after The Paragraph.

It is Written in this form: <p>This is a paragraph.</p>

---

HTML Display

You cannot be sure how HTML will be displayed.
Large or small screens, and resized windows will create different results.
With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.
The browser will remove any extra spaces and extra lines when the page is displayed. Don't Forget to Close the End Tag even if the Browser displays this correctly.:

Input | Example

  <p>
This paragraph contains a lot of lines in the source code,
but browsers will
ignore it.
</p>

<p>
This         paragraph contains a           lot of spaces in      the source code,
                   but           browsers will
ignore it.
</p>

OutPut | Result

This paragraph contains a lot of lines in the source code, but browsers will ignore it.
This paragraph contains a lot of spaces in the source code, but the browsers will ignore it.

---

The HTML <pre> Element

The HTML <pre> element defines preformatted text.
The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Input | Example

<pre>
  I love Coding.

  I live by the codes.

  Everything is just under Moderation.

 Oh! How I love coding.
</pre>

OutPut | Result

  I love Coding.

  I live by the codes.

  Everything is just under Moderation.

  Oh! How I love coding.

---

HTML Line Breaks

The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph:

Input | Example

<p>This is<br>my paragraph<br>with line breaks.</p>

OutPut | Result

This is
my paragragh
with line breaks.

---

---

<<>>

---