HTML Paragraphs

A paragraph always starts on a new line, and is usually a block of text.

HTML段落

The HTML

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

This is a paragraph.

This is another paragraph.

来试试吧 »

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:

Example

This paragraph

contains a lot of lines

in the source code,

but

the browser

ignores it.

This paragraph

contains

a lot of spaces

in the source

code,

but the        browser

ignores

it.

来试试吧 »

HTML Horizontal Rules

The

---

tag defines a thematic break in an HTML page, and is most often

displayed as a horizontal rule.

The

---

element is used to separate content (or define a change) in an HTML

page:

Example

This is heading 1

This is some text.

---

This is heading 2

This is some other text.

---

来试试吧 »

The

---

tag is an empty tag, which means that it has no end tag.

HTML Line Breaks

The HTML
element defines a line break.

Use
if you want a line break (a new line) without starting a new paragraph:

Example

This is
a paragraph
with line breaks.

来试试吧 »

The
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

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.

来试试吧 »

Solution - The HTML

 Element

The HTML

 element defines preformatted text.

The text inside a

 element is displayed in a fixed-width font (usually

Courier), and it preserves both spaces and line breaks:

Example

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.

来试试吧 »

HTML 练习

Test Yourself With 练习

Exercise:

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

Submit Answer »

HTML Tag 参考

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

Tag

Description

Defines a paragraph

Defines a thematic change in the content

Inserts a single line break

Defines pre-formatted text

For a complete list of all available HTML tags, visit our HTML Tag 参考.