HTML Paragraphs

    The HTML <p > element defines a paragraph:

    <p>This is a paragraph.<p>
    <p>This is another 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:

    Example

                           

    < p>

    This paragraph contains         a lot of spaces
    in the source         code,
    but the browser ignores </ p>
    < p> This paragraph contains a lot of spaces
    in the source code, but the browser ignores it. </ p>

    Don't Forget the End Tag

    Most browsers will display HTML correctly even if you forget the end tag:

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    HTML Line Breaks

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

    Example

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

    The Poem Problem

    This poem will display on a single line:

    <p>
    My Bonnie lies over
        the ocean.
    My Bonnie lies over the sea.
    My Bonnie lies over the ocean.
    Oh, bring back my Bonnie to me.

    The HTML </ br> element defines
    a line break.</p>

    The HTML Element

    The HTML <pre > element defines preformatted text.


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