एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


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


उदाहरण

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

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।


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

HTML शीर्षकों को परिभाषित करने के <h1>लिए to टैग का उपयोग किया जाता है।<h6>

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

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


ब्राउज़र समर्थन

Element
<h1> - <h6> Yes Yes Yes Yes Yes

वैश्विक गुण

<h1>to टैग HTML में वैश्विक विशेषताओं का <h6>भी समर्थन करते हैं


घटना गुण

<h1>to टैग HTML में Event Attributes का <h6>भी समर्थन करते हैं



और ज्यादा उदाहरण

उदाहरण

शीर्षकों की पृष्ठभूमि का रंग और पाठ का रंग सेट करें (सीएसएस के साथ):

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

उदाहरण

शीर्षकों का संरेखण सेट करें (सीएसएस के साथ):

<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>

संबंधित पृष्ठ

HTML ट्यूटोरियल: HTML Headings

एचटीएमएल डोम संदर्भ: शीर्षक वस्तु


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

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

उदाहरण

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

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

उदाहरण

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>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:

उदाहरण

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

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

उदाहरण

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

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

उदाहरण

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

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

उदाहरण

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