element to define paragraphs, the
tag for thematic breaks, and the
tag for line breaks. It explains how browsers handle spacing and line breaks in HTML, emphasizing that extra spaces and lines in the source code are ignored. Additionally, it introduces the 
 element for preformatted text, preserving spaces and line breaks in a fixed-width font."> element to define paragraphs, the 
 tag for thematic breaks, and the 
 tag for line breaks. It explains how browsers handle spacing and line breaks in HTML, emphasizing that extra spaces and lines in the source code are ignored. Additionally, it introduces the 
 element for preformatted text, preserving spaces and line breaks in a fixed-width font.">

    [go: up one dir, main page]
        
		
           
Scribd
Upload
4 views9 pages
HTML Paragraphs
The document provides an overview of HTML paragraphs, including the use of the <p> element to define paragraphs, the <hr> tag for thematic breaks, and the <br> tag for line breaks. It explains how browsers handle spacing and line breaks in HTML, emphasizing that extra spaces and lines in the source code are ignored. Additionally, it introduces the <pre> element for preformatted text, preserving spaces and line breaks in a fixed-width font.
Uploaded by
Asif Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views9 pages
HTML Paragraphs
The document provides an overview of HTML paragraphs, including the use of the <p> element to define paragraphs, the <hr> tag for thematic breaks, and the <br> tag for line breaks. It explains how browsers handle spacing and line breaks in HTML, emphasizing that extra spaces and lines in the source code are ignored. Additionally, it introduces the <pre> element for preformatted text, preserving spaces and line breaks in a fixed-width font.
Uploaded by
Asif Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9
        Tutorials    Exercises      Services                             Sign Up     Log in
HTML
        CSS     JAVASCRIPT      SQL      PYTHON    JAVA       PHP   HOW TO   W3.CSS      C      C++
 HTML Paragraphs
   ❮ Previous                                                                           Next ❯
 A paragraph always starts on a new line, and is usually a block of text.
 HTML Paragraphs
 The HTML <p> element defines a paragraph.
 A paragraph always starts on a new line, and browsers automatically add some white space (a
 margin) before and after a paragraph.
 Example
   <p>This is a paragraph.</p>
   <p>This is another paragraph.</p>
   Try it Yourself »
 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 display by adding extra spaces or extra lines in your HTML
 code.
 The browser will automatically remove any extra spaces and lines when the page is displayed:
       Tutorials    Exercises   Services                                 Sign Up    Log in
HTML
         CSS    JAVASCRIPT      SQL       PYTHON   JAVA   PHP    HOW TO      W3.CSS     C    C++
 Example
   <p>
   This paragraph
   contains a lot of lines
   in the source code,
   but the browser
   ignores it.
   </p>
   <p>
   This paragraph
   contains              a lot of spaces
   in the source              code,
   but the             browser
   ignores it.
   </p>
   Try it Yourself »
 HTML Horizontal Rules

 The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a
 horizontal rule.
 The <hr> element is used to separate content (or define a change) in an HTML page:
 Example
   <h1>This is heading 1</h1>
   <p>This is some text.</p>
   <hr>
   <h2>This is heading 2</h2>
   <p>This is some other text.</p>
   <hr>
Try it Yourself  »
        Tutorials      Exercises      Services                             Sign Up   Log in
HTML
         CSS     JAVASCRIPT      SQL      PYTHON    JAVA       PHP   HOW TO   W3.CSS    C    C++
 The <hr> tag is an empty tag, which means that it has no end tag.
 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:
 Example
   <p>This is<br>a paragraph<br>with line breaks.</p>
    Try it Yourself »
 The <br> tag is an empty tag, which means that it has no end tag.
 The Poem Problem

 This poem will display on a single line:
 Example
   <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.

   </p>
    Try it Yourself »
         Tutorials       Exercises      Services                                 Sign Up   Log in
 Solution - The HTML <pre> Element
HTML
        CSS       JAVASCRIPT        SQL      PYTHON     JAVA         PHP   HOW TO    W3.CSS    C    C++
 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:
 Example
   <pre>
     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.

   </pre>
   Try it Yourself »
                                                                  ?
                                                 Exercise
                        True or False. HTML paragraphs always starts on a new line.
               True
               False
                                                Submit Answer »
 HTML Tag Reference

 W3Schools' tag reference contains additional information about HTML elements and their
        Tutorials 
 attributes.          Exercises   Services                                Sign Up    Log in
HTML
      CSS      JAVASCRIPT   SQL        PYTHON     JAVA     PHP     HOW TO       W3.CSS       C    C++
   Tag             Description
   <p>              Defines a paragraph
   <hr>             Defines a thematic change in the content
   <br>             Inserts a single line break
   <pre>            Defines pre-formatted text
 For a complete list of all available HTML tags, visit our HTML Tag Reference.
                          Video: HTML Paragraphs
   ❮ Previous                                                                             Next ❯
                            Track your progress - it's free!

                                                                           Sign Up   Log in
                                                                           Sign Up   Log in
      Tutorials    Exercises      Services                                  Sign Up      Log in
HTML
      CSS     JAVASCRIPT      SQL      PYTHON      JAVA        PHP   HOW TO    W3.CSS        C    C++
                                            ADVERTISEMENT
                                          COLOR PICKER
      Tutorials    Exercises      Services                             Sign Up   Log in
HTML
      CSS     JAVASCRIPT      SQL      PYTHON      JAVA    PHP    HOW TO   W3.CSS    C    C++
                                      
                                                           ADVERTISEMENT
             ADVERTISEMENT
                            PLUS                 SPACES
       Tutorials        Exercises 
                GET CERTIFIED
                                              Services 
                                                     FOR TEACHERS
                                                                                                   Sign Up      Log in
HTML
      CSS      JAVASCRIPT             SQL       PYTHON     JAVA       PHP        HOW TO            W3.CSS       C    C++
                FOR BUSINESS                          CONTACT US
                      Top Tutorials
                         HTML Tutorial
                          CSS Tutorial
                      JavaScript Tutorial
                       How To Tutorial
                          SQL Tutorial
                       Python Tutorial
                       W3.CSS Tutorial
                      Bootstrap Tutorial
                         PHP Tutorial
                         Java Tutorial
                          C++ Tutorial
                        jQuery Tutorial
                      Top References
                         HTML Reference
                          CSS Reference
                      JavaScript Reference
                          SQL Reference
                       Python Reference
                       W3.CSS Reference
                      Bootstrap Reference
                         PHP Reference
                           HTML Colors
                         Java Reference
                       Angular Reference
                        jQuery Reference
                      Top Examples                                           Get Certified

                         HTML Examples                                        HTML Certificate
                          CSS Examples                                         CSS Certificate
                      JavaScript Examples                                  JavaScript Certificate
                       How To Examples                                     Front End Certificate
                          SQL Examples                                         SQL Certificate
                       Python Examples                                      Python Certificate
                       W3.CSS Examples                                        PHP Certificate
                      Bootstrap Examples                                     jQuery Certificate
                         PHP Examples                                         Java Certificate
                         Java Examples                                         C++ Certificate
                          XML Examples                                          C# Certificate
                        jQuery Examples                                        XML Certificate
                                                   
                                             FORUM    ABOUT    ACADEMY

       W3Schools is optimized for learning and training. Examples might be simplified to improve reading and
                                                      learning.
       Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full
                                                   correctness
      of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie
       Tutorials       Exercises       Services 
                                                and privacy policy.
                                                                                             Sign Up        Log in
HTML
      CSSCopyright 1999-2025 by SQL
               JAVASCRIPT        Refsnes Data. All Rights JAVA
                                          PYTHON          Reserved. W3Schools
                                                                    PHP       is Powered
                                                                            HOW    TO byW3.CSS
                                                                                         W3.CSS.             C    C++
You might also like