एचटीएमएल <h1> से <h6> टैग

  • पिछला पृष्ठ <frameset>
  • अगला पृष्ठ <head>

परिभाषा और उपयोग

<h1> से <h6> टैग एचटीएमएल शीर्षक को परिभाषित करने के लिए इस्तेमाल किए जाते हैं

<h1> सबसे अधिक महत्वपूर्ण शीर्षक को परिभाषित करें<h6> सबसे कम महत्वपूर्ण शीर्षक को परिभाषित करें

ध्यान दें

प्रत्येक पृष्ठ में केवल एक इस्तेमाल करें <h1> - यह पूरे पृष्ठ के मुख्य शीर्षक/विषय का प्रतिनिधित्व करना चाहिए। इसके अलावा, शीर्षक स्तर को छोड़ नहीं जाना चाहिए - <h1> शुरू करें, फिर इसके बाद उपयोग करें}} <h2>इसी तरह。

h एलेमेंट के परिभाषित अर्थ होने के कारण, कृपया डॉक्यूमेंट की संरचना बनाते समय सही तालिका स्तर चुनें। इसके विपरीत, हमें शीर्षक टैग को एक ही पंक्ति में फ़ॉन्ट आकार को बदलने के लिए नहीं उपयोग करना चाहिए। बजाय इसके, हमें सुंदर प्रदर्शन हासिल करने के लिए क्रॉस-साइट स्टाइलिंग डेफ़ाइनिशन का उपयोग करना चाहिए。

यदि आप HTML टैग के चयन और उपयोग के बारे में अधिक जानना चाहते हैं, तो कृपया इसे पढ़ें:वेब गुण》。

अन्य संदर्भ:

HTML शिक्षा:HTML शीर्षक

HTML DOM संदर्भ पुस्तका:Heading ऑब्जेक्ट

उदाहरण

उदाहरण 1

छह अलग-अलग HTML शीर्षक:

<h1>यह शीर्षक 1 है</h1>
<h2>यह शीर्षक 2 है</h2>
<h3>यह शीर्षक 3 है</h3>
<h4>यह शीर्षक 4 है</h4>
<h5>यह शीर्षक 5 है</h5>
<h6>यह शीर्षक 6 है</h6>

स्वयं प्रयोग करें

उदाहरण 2

शीर्षक के पृष्ठभूमि रंग और लिखाई रंग सेट करें (CSS का उपयोग करके):

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>

स्वयं प्रयोग करें

उदाहरण 3

शीर्षक के समानांतर सेट करें (CSS का उपयोग करके):

<h1 style="text-align:center">यह शीर्षक 1 है</h1>
<h2 style="text-align:left">यह शीर्षक 2 है</h2>
<h3 style="text-align:right">यह शीर्षक 3 है</h3>
<h4 style="text-align:justify">यह शीर्षक 4 है</h4>

स्वयं प्रयोग करें

वैश्विक प्रतियोगिता

<h1> - <h6> टैग इसके साथ सहयोग करता है HTML में वैश्विक प्रतियोगिता。

इवेंट प्रतियोगिता

<h1> - <h6> टैग इसके साथ सहयोग करता है HTML में इवेंट प्रतियोगिता。

डिफ़ॉल्ट की CSS सेटिंग

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h1> एलीमेंट:

उदाहरण 1

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h2> एलीमेंट:

उदाहरण 2

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h3> एलीमेंट:

उदाहरण 3

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h4> एलीमेंट:

उदाहरण 4

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h5> एलीमेंट:

उदाहरण 5

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

अधिकांश ब्राउज़र नीचे दिए गए डिफॉल्ट मानों को प्रदर्शित करेंगे <h6> एलीमेंट:

उदाहरण 6

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

स्वयं प्रयोग करें

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता
  • पिछला पृष्ठ <frameset>
  • अगला पृष्ठ <head>