HTML Headings and Paragraphs

This Tutorial, we learn about HTML Headings and Paragraphs.

HTML Headings

Headings are defined with the to tags. defines the most important heading. defines the least important heading. Headings help in defining the hierarchy and the structure of the web page content.

<h1>Heading 1</h1>
<h2>Second Heading</h2>
<h3>Third Heading</h3>
<h4>Fifth Heading</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

By default, browsers display headings in larger and bolder font than normal text. Also, headings are displayed in largest font, whereas headings are displayed in smallest font.

Note: Browsers automatically add some white space (a margin) before and after a heading.

Headings are more important in HTML Document

Headings in HTML help the search engine to understand and index the structure of a web page. The main keyword of the whole content of a webpage should be displayed by the h1 heading tag.

Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute, using the CSS font-size property:

<h1 style="font-size:70px;">Heading 1</h1>

HTML Paragraph

HTML paragraph or HTML p tag is used to define a paragraph in a webpage. Let's take a simple example to see how it work. It is a notable point that a browser itself add an empty line before and after a paragraph. An HTML <p> tag indicates starting of new paragraph.

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

You cannot be sure how HTML will be displayed. With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code. The browser will remove any extra spaces and extra lines when the page is displayed:

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

Note: Don't Forget the End Tag

HTML <pre> tag and <br> tag

The HTML <br> element defines a line break.

The text inside an <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

For Example:

<pre>
  First My Bonnie lies over the ocean.

  Second My Bonnie lies over the sea.

  Third My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

HTML Headings and Paragraphs in Urdu/Hindi

https://www.youtube.com/watch?v=7lXDyjm-Q2s

HTML Complete Tutorials Click Here.

Social Accounts

You Can Visit our YouTube Channel: Techz Hub