HTML Paragraphs
Jab aap web page banate ho, toh aapka main content usually text hota hai — jaise introduction, explanation, description, ya story. Is text ko ache se organize aur readable banane ke liye HTML mein use hota hai: Paragraphs.
Is article mein hum samjhenge HTML paragraphs kya hote hain, kaise likhte hain, aur kaise inhe style ya format kar sakte ho.
HTML Paragraph Kya Hota Hai?
HTML paragraph ek block of text hota hai jo <p> tag ke andar likha jaata hai.
Syntax:
<p>This is a paragraph.</p>
Jab bhi aap <p> tag use karte ho, browser us text ko ek nayi line se start karta hai, aur uske around thoda space (margin) bhi deta hai.
Basic Example
<!DOCTYPE html>
<html>
<body>
<h1>About Me</h1>
<p>My name is Shakib. I am a web developer who loves coding and learning new technologies.</p>
<p>I also enjoy writing articles to help beginners understand web development topics in simple language.</p>
</body>
</html>
Paragraphs Ka Use Kyun Zaroori Hai?
- Content ko organize karne ke liye
- Readability improve karne ke liye
- User experience enhance karne ke liye
- SEO ke liye helpful hota hai (structured content ko Google pasand karta hai)
Paragraph Formatting Tips
Aap <p> tag ko CSS se style kar sakte ho jaise:
p {
font-size: 16px;
line-height: 1.6;
color: #333;
}
Aur HTML mein inline css se:
<p style="font-size:16px; line-height:1.6;">Yeh paragraph styled hai.</p>
Important Points to Remember
Line breaks automatically nahi hote
Agar aap ek paragraph ke andar multiple lines likhte ho, toh browser unhe single line mein dikhata hai.
<p>This is line one.
This is line two.</p>
Output: Both lines will appear in the same line.
Solution: Use <br> tag for line breaks:
<p>This is line one.<br>This is line two.</p>
Paragraph ke andar block elements mat daalo
Aap <p> ke andar dusre <p> ya <div> jaise block elements use nahi kar sakte. Yeh galat hai:
<p> This is a paragraph. <div>This is inside p - ❌ Not allowed</div> </p>
Agar aapko multiple sections chahiye, toh use separate paragraphs.
Real-Life Example
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>My Travel Experience</h1>
<p>I recently visited the mountains of Himachal Pradesh. The view was breathtaking and the weather was perfect.</p>
<p>During the trip, I met many friendly people, tasted delicious food, and learned about the local culture.<br>I can’t wait to go again!</p>
</body>
</html>
Output:
Conclusion
HTML paragraphs (<p>) web content likhne ka sabse basic aur essential tareeka hai. Ye aapke content ko clean, organized, aur SEO-friendly banata hai. Aap jab bhi koi descriptive content likho, hamesha paragraphs ka sahi tarike se use karo.
Key Points:
<p>tag text ko block format mein dikhata hai- Line breaks ke liye
<br>tag use karo - CSS se paragraph ko aur attractive bana sakte ho
- Block elements ko
<p>ke andar mat rakho
Comments