HTML Headings, Text

This section will cover some of the essential HTML elements you'll use for marking up the text. Heading elements allow you to specify that certain parts of your content are headings — or subheadings. And also elements frequently used like paragraphs/inline text when marking up regular text content:

Headings Elements - these are headings element used for title
Paragraph Element - used for text content
Line Break - adds break to element
Horizontal Line - adds line to separate element

Headings Elements

HTML contains 6 heading levels, <h1> to <h6>
h1 defines the most important heading, while h6 defines least heading.
Search engines use the headings to index the structure and content of your web pages.

        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6</h6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs Element

The HTML <span> element defines a inline text.
A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.

        <p>This is paragraph text.</p>

This is paragraph text.

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:

        <p>This is paragraph text <br/> with line break.</p>

This is paragraph text
with line break.

HTML Horizontal Line

The HTML <hr/> defines a thematic break in an HTML page
Use <hr/> element is used to separate content (or define a change) in an HTML page

        <p>This is paragraph 1 text </p>
        <hr/>
        <p>This is paragraph 2 text </p>

This is paragraph 1 text

This is paragraph 2 text