HTML TUTORIAL: HEADING


HTML TUTORIAL IN HINDI

HTML TUTORIAL: HEADING

“Heading” news paper, magazine, books, aur articles me bhi use hota hai. Article lekhne se pehle heading name me batana hota hai ki us article ke ander kya hai? Heading ko hm short description bhi bol sakte hai us article ke liye, Q ki koi user Goolge pe search karke hamare page par aate hai to sabse pahle wo heading ko padhte hai. Jiske bareme janna chahta hai tabhi jakar user puri article ko padhta hai.

Heading ko define karne ke liye koi Keyword ya point lena hoga taki user ko samajh me aa jaye ki yah article hamari kaam ki hai aur hame padhne se fayda hoga.

Aapne dekha hoga newspaper ya book me hame koi topic padhte hai tab jakar uski ander ki baat padhte hai. ek example lete hai hm abhi “HTML Tutorial Lesson” padh rahe hai to iski main heading “HTML Tutorial In Hindi” hai. Isse hame yah pata chala ki HTML ka jitna topic hai wo sb hame yeh tutorial me melega.

Heading hamesa normal text se alag yani bold hota hai. Agar heading bhi normal text jaisa hota to usse user samajh nahi paate ki uske ander kya hai.
HTML heading H1 – H6 element dwara define kiya gaya hai. Heading ka upyog unki importance ki aadhar par kiya gaya hai. Agar sabse important heading ki baat kare to <H1> heading hai uske badh dusre.

Sabhi heading ka size by default hota hai. jo alag-alag browser me vinn hota hia. Agar heading ko sabhi browser me ek hi size, alignment, color dekhana chahte ho to usje liye CSS –Cascading Style Sheets ki madat leni hogi.

Heading khas tor par post  Google Search Engine me index karane me bhut madat milti hai. Google crawlers kisi bhi post ko index karne se pehle uski achi se chann binn karte hai ki kitni heading aur word hai.

TYPE OF HTML HEADING

HTML aapko 6 level tak ki heading provide karti hai. Jisse apni webpages ko achi se design kar sake. Sabhi heading ko achi se samajhne ke liye niche padhe.

<H1>: H1 heading sabse mahatwapurn heading hota hai. isse aap apni article ko ek hi line me bata sakte ho ki article kis bare me hai. Search Engines ki crawkers hoti hai wo isko yani main heading ko padh kar pata karte hai.

<H2>: isko sub-heading bhi kahte hai. H1 ke mukable dhoda size me chota hota hai. H2 ki madat se aap kisi bade section ko badi aasani se kai sections me divide kar sakte hai.

<H3>: Isse sub-sub heading yani minor heading bhi kahte hai. isse kisi HTML document me sub heading ko divide karna ho to kar sakte ho.

<H4>: Yah HTML ki fourth level ki heading hai. Iska use deep level ki content ko sections me devide karne ke liye kiya jaata hai.

<H5>: Yeh second last yani 5th heading hai. Iska use deep level ki content ko define karne ke liye use karte hai.

<H6>: Yah six level heading yani last level heading hai. H6 normal text ke mukable thoda bada hota hai.


EXAMPLE OF HTML HEADING

Aapne HTML ki <H1> to <H6> heading bare me jaana ab uski example ki through jante hai, heading kaisi krash me chote hote hai.




<!DOCTYPE html>
<html>
<head>
<title> Heading Example</title>
</head>
<body>
<h1> This is main heading</<h1>
<h2> This is sub heading</<h2>
<h3> This is minor heading</<h3>
<h4> This is 4th heading</<h4>
<h5> This is 5th heading</<h5>
<h6> This is 6th heading</<h6>
</body>
</html>

Upper ki example apne text editor me likh le aur usse save kar le. Uske badh usse save kiye huye HTML document ko double click karke open kare, tav aapko niche jaise Result show hogi.
Result:


Next: Marquees
Previous: Forms Tag

HTML TUTORIAL: HEADING HTML TUTORIAL: HEADING Reviewed by Phaguni Mandal on December 01, 2018 Rating: 5

No comments:

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
Powered by Blogger.