HTML in Hindi – Heading

  • Introduction to HTML headings in Hindi
  • Types of HTML headings in Hindi
  • Example of HTML headings in Hindi

Heading in HTML in Hindi

Introduction to HTML Headings

HTML heading या HTML h टैग को एक title या एक subtitle के रूप में परिभाषित किया जा सकता है जिसे आप वेबपृष्ठ पर प्रदर्शित करना चाहते हैं। जब आप text को heading टैग <h1> ……… </ h1> के भीतर रखते हैं, तो यह ब्राउजर पर bold format में प्रदर्शित होता है और text का साइज हेडिंग की संख्या पर निर्भर करता है।

छह अलग-अलग HTML headings हैं जो <h1> से <h6> टैग के साथ परिभाषित किए जाते हैं, उच्चतम स्तर h1 (main heading) से कम से कम स्तर h6 (कम से कम महत्वपूर्ण शीर्षक) तक।

h1 सबसे बड़ा heading टैग है और h6 सबसे छोटा है। तो h1 का उपयोग सबसे महत्वपूर्ण शीर्षक के लिए किया जाता है और h6 का उपयोग कम से कम महत्वपूर्ण के लिए किया जाता है।

Types of HTML Headings

HTML आपको 6 level की headings provide करती है। इनका प्रयोग क्रमशः topics और subtopics को define करने के लिया किया जाता है। इनकी list निचे दी जा रही है।
  1. <h1> – यह सबसे महत्वपूर्ण heading tag होता है। यह article की main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए। Search engine crawlers इस tag से पता लगाते है की कोई article किस बारे में है।
  2. <h2> – यह subheading tag होता है। इसके द्वारा आप subheadings define करते है। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है।
  3. <h3> – यह minor heading tag होता है। इस heading के द्वारा आप subtopics को भी कई minor topics में define करके represent कर सकते है।
  4. <h4> – यह fourth level का heading tag होता है इससे आप और भी deep level पर content को sections में divide कर सकते है।
  5. <h5> – यह fifth level heading tag होता है और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है।
  6. <h6> – यह sixth level heading tag है इससे भी आप heading define कर सकते है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है।

HTML में हेडिंग search engine को वेब पेज की संरचना को समझने और index करने में मदद करता है।

इस उदाहरण को देखें:

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

Output:

Heading no. 1

Heading no. 2

Heading no. 3

Heading no. 4

Heading no. 5
Heading no. 6
  • HTML headings का उपयोग nested elements के साथ भी किया जा सकता है। heading elements का उपयोग करने के लिए विभिन्न code निम्नलिखित हैं।

उदाहरण:

  1. <!DOCTYPE html>  
  2. <html>  
  3.  <head>  
  4.     <title>Heading elements</title>  
  5.  </head>  
  6.  <body>  
  7.      <h1>This is main heading of page. </h1>  
  8.       <p>h1 is the most important heading, which is used to display the keyword of page </p>  
  9.      <h2>This is first sub-heading</h2>  
  10.       <p>h2 describes the first sub heading of page. </p>  
  11.      <h3>This is Second sub-heading</h3>  
  12.       <p>h3 describes the second sub heading of page.</p>  
  13.       <p>We can use h1 to h6 tag to use the different sub-heading with their paragraphs if         
  14.                      required.   
  15.                 </p>  
  16.    </body>  
  17. </html>  

Output:

HTML Heading

Leave a Reply

DMCA.com Protection Status