HTML Headings And Paragraphs

Last Updated: 01 Nov 2025

Headings

Headings are used to organize and highlight important text on a webpage. They make content readable for both users and search engines (SEO).

HTML provides 6 levels of headings:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
  • h1 is the largest heading and h6 is the smallest heading.

🗣 Hinglish Tip: Headings page ke title aur sections dikhane ke liye hote hain — jaise newspaper ke headlines!

Paragraphs

A paragraph in HTML is created using the <p> tag. It is used to display blocks of text clearly separated from each other.

<p>Content of the paragraph goes here.</p>

🗣 Hinglish Tip: Har <p> tag ek naya block banata hai. Browser automatically space deta hai har paragraph ke beech.

Note: Block elements always start on a new line and take up the full width of the page. Inline elements are displayed on the same line as other content.

Example

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Blog</title>
  </head>
  <body>
    <h1>My Travel Blog</h1>
    <p>Welcome to my travel experiences around the world!</p>

    <h2>Europe Trip</h2>
    <p>I visited France and Italy in summer 2024.</p>

    <h3>France Highlights</h3>
    <p>The Eiffel Tower and croissants were amazing!</p>

    <h3>Italy Highlights</h3>
    <p>Rome’s history and Venice’s canals were unforgettable.</p>
  </body>
</html>

🗣 Hinglish Tip: H1 → page ka main title hota hai, H2 aur H3 se sections divide karo.Ek page mein ek hi h1 likhna best practice hai.

🧠 Quick Practice

  • Create a file named paragraphs.html.
  • Add a title and three paragraphs about your favorite topic.
  • Exercise
← PreviousNext →