Using HTML Line Break and Horizontal Rule Tag
In the previous tutorial, you learnt about the six types of HTML Heading Tags <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> as well as Paragraph Tags <p> </p>, which are used to structure the content of a document.
In this tutorial, you will be exposed to more HTML Tags that further improves the Structure of HTML Documents and web pages. Some of these tags enhance text typography, which directly manipulates the paragraph and heading tags.
HTML Horizontal Rules <hr> / <hr />
This is a tag used to separate the content of an HTML document into sections. When utilized, it displays a horizontal line below the upper section and above the upper section of your content.
<p>This is my first paragraph</p>
<hr>
<p>This is my second paragraph</p>
<hr>
<p>This is my third paragraph</p>
And produce the following result:
This is my first paragraph
This is my second paragraph
This is my third paragraph
HTML Line Break <br> / <br />
Like the horizontal rule <hr />, this tag is also used to separate the content of an HTML document into sections. Unlike, the horizontal rule, it doesn't display a horizontal line. Rather it displays a brief space that indicates the separation of the content.
<p>This is my first paragraph</p>
<br>
<p>This is my second paragraph</p>
<br>
<p>This is my third paragraph</p>
And produce the following result:
This is my first paragraph
This is my second paragraph
This is my third paragraph