Archangel Macsika Sikademy Image
Archangel Macsika

Using HTML Line Break and Horizontal Rule Tag

Tutorial 5 of 6 | 2 minutes read
Using HTML Line Break and Horizontal Rule Tag - Sikademy

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

Finally

If you run into any challenge, notice an error, or have questions or concerns about this tutorial. Don't hesitate to let us know using the buttons below the exercise.

Exercise #4

Using the exercise in the last tutorial, add horizontal rules under the headings and line breaks between the paragraphs.




Enjoy this Tutorial? Please don't forget to share.