Scribd
Upload
39 views11 pages

HTML Paragraphs

The document discusses HTML paragraphs and other elements like line breaks, horizontal rules, and preformatted text. It provides examples of how to use paragraph, line break, horizontal rule, and preformatted elements in HTML and explains their purposes.

Uploaded by

Sanando Banerjee
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
39 views11 pages

HTML Paragraphs

The document discusses HTML paragraphs and other elements like line breaks, horizontal rules, and preformatted text. It provides examples of how to use paragraph, line break, horizontal rule, and preformatted elements in HTML and explains their purposes.

Uploaded by

Sanando Banerjee
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/ 11

3/17/23, 5:37 PM HTML Paragraphs

Dark code
  HTML CSS   
 Bootcamp Menu  Sign Up Log in

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.
Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 1/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
With HTML, you cannot change the display by adding extra spaces or extra lines in
your  HTML CSS   
HTML code.

The browser will automatically remove any extra spaces and lines when the page is
displayed:

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 »

ADVERTISEMENT

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:

Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 2/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   
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 »

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

Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 3/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
 <p>

 HTML CSS   
  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 »

Solution - 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:

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 »

HTML Exercises
Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 4/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   
Test Yourself With Exercises

Exercise:
Use the correct HTML tag to add a paragraph with the text "Hello World!".

<html>

<body>

</body>

</html>

Submit Answer »

Start the Exercise

HTML Tag Reference


W3Schools' tag reference contains additional information about HTML elements and
their attributes.

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.
Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 5/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   

❮ Previous Next ❯

ADVERTISEMENT

Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 6/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   

COLOR PICKER




Get certified

by completing

a HTML

course today!

school
w3 s
3
CE

02

TI 2
R

FI .
ED

Get started

Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 7/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   

ADVERTISEMENT
___

ADVERTISEMENT Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 8/11
3/17/23, 5:38 PM HTML Paragraphs
Dark code
  HTML CSS   

ADVERTISEMENT

Report Error

Spaces

Upgrade

Newsletter

Get Certified

Top Tutorials
HTML Tutorial

CSS Tutorial

JavaScript Tutorial

How To Tutorial

SQL Tutorial

Python Tutorial

W3.CSS Tutorial

Bootstrap Tutorial
Dark mode

https://www.w3schools.com/html/html_paragraphs.asp
D k d 9/11
3/17/23, 5:38 PM HTML Paragraphs

PHP Tutorial
Dark code
  HTML CSS 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
HTML Examples

CSS Examples

JavaScript Examples

How To Examples

SQL Examples

Python Examples

W3.CSS Examples

Bootstrap Examples

PHP Examples

Java Examples

XML Examples

jQuery Examples

Get Certified
HTML Certificate

CSS Certificate

JavaScript Certificate

Front End Certificate

SQL Certificate

Python Certificate

PHP Certificate

jQuery Certificate

Java Certificate

C++ Certificate

C# Certificate

XML Certificate

FORUM |
ABOUT

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 and privacy policy.

Dark mode

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.

https://www.w3schools.com/html/html_paragraphs.asp
D k d 10/11
3/17/23, 5:38 PM HTML Paragraphs

W3Schools is Powered by W3.CSS.


Dark code
  HTML CSS
  

https://www.w3schools.com/html/html_paragraphs.asp 11/11

You might also like