A paragraph always starts on a new line, and is usually a block of text.
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
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<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>
<p>
The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
Output
The browser will automatically remove any extra spaces and lines when the page is displayed.
Large or small screens, and resized windows will create different results.
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The <hr> tag is an empty tag, which means that it has no end tag.
The <hr> element is used to separate content (or define a change) in an HTML page:
Example
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<hr>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<hr>
<p>
The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
<hr>
</body>
</html>
Output
The HTML<br> element defines a line break.
The <br> tag is an empty tag, which means that it has no end tag.
Use <br> if you want a line break (a new line) without starting a new paragraph:
Example
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<p>
This paragraph contains <br> a lot of lines in the source code,<br>but the browser ignores it.
</p>
</body>
</html>
Output
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
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<p>
Twinkle, twinkle, little star
How I wonder what you are
Up above the world so high
Like a diamond in the sky
Twinkle, twinkle, little star
How I wonder what you are
</p>
<pre>
Twinkle, twinkle, little star
How I wonder what you are
Up above the world so high
Like a diamond in the sky
Twinkle, twinkle, little star
How I wonder what you are
</pre>
</body>
</html>
Output
No comments:
Post a Comment