HTML Paragraphs
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>
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>
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>
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>
Johnny, Johnny.
Yes, Papa?
Eating sugar?
No, Papa.
Telling lies?
No, Papa.
Open your mouth
Ha! Ha! Ha!
</p>
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>
Johnny, Johnny.
Yes, Papa?
Eating sugar?
No, Papa.
Telling lies?
No, Papa.
Open your mouth
Ha! Ha! Ha!</pre>
HTML Tag Reference
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 |
