HTML Headings

HTML हेडर

HTML हेडर

HTML हेडर वे हेडर या सबहेडर हैं जिन्हें आप किसी वेब पेज पर प्रदर्शित करना चाहते हैं।

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HTML हेडर

HTML हेडर<h1>पहला<h6>टैग तक परिभाषित हैं।

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

उदाहरण

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

📝नोट:

ब्राउज़र स्वचालित रूप से शीर्षक के पहले और बाद में कुछ सफेद स्थान (एक मार्जिन) जोड़ देते हैं।

विषय महत्वपूर्ण हैं

खोज इंजन आपके वेब पेजों की संरचना और सामग्री को अनुक्रमित करने के लिए शीर्षकों का उपयोग करते हैं।

उपयोगकर्ता अक्सर किसी पृष्ठ को उसके शीर्षकों के आधार पर तुरंत देखते हैं। दस्तावेज़ संरचना दिखाने के लिए शीर्षकों का उपयोग करना महत्वपूर्ण है।

<h1>महत्वपूर्ण विषयों के लिए शीर्षकों का उपयोग किया जाना चाहिए<h2>तो फिर, शीर्षक कम महत्व के हैं<h3>, और इसी तरह।

उदाहरण

<h1>Travel Guide</h1>

<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>

<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>

<h1>- पृष्ठ शीर्षक

महत्वपूर्ण पृष्ठ शीर्षक. प्रति पक्ष केवल एक<h1>होना चाहिए.

<h2>- खंड शीर्षक

महत्वपूर्ण अनुभागीय विषय एक ही पृष्ठ पर एकाधिक<h2>शायद।

<h3>- उपशीर्षक

उप-अनुभाग शीर्षक.<h2>अनुभागों के भीतर उपयोग किया जाता है.

💡सहायता नोट:

प्रति पृष्ठ केवल एक<h1>केवल i उच्चाकरण का प्रयोग करें - यह एक महत्वपूर्ण शीर्षक या नाम को इंगित करता है।

⚠️टिप्पणी:

केवल शीर्षकों के लिए HTML शीर्षलेखों का उपयोग करें। टेक्स्ट को बड़ा या बोल्ड बनाने के लिए शीर्षकों का उपयोग न करें।

बड़े विषय

प्रत्येक HTML हेडर का एक डिफ़ॉल्ट आकार होता है। हालाँकि, सी.एस.एसfont-sizeविशेषता सेstyleआप विशेषता का उपयोग करके किसी भी हेडर के लिए आकार निर्दिष्ट कर सकते हैं:

उदाहरण

<h1 style="font-size:60px;">Heading 1</h1>

डिफ़ॉल्ट आकार

h1: 2em, h2: 1.5em, h3: 1.17em, h4: 1em, h5: 0.83em, h6: 0.67em

सीएसएस स्टाइलिंग

शैली विशेषता के माध्यम से कस्टम आकार

बाहरी सीएसएस

सभी हेडर को बाहरी स्टाइल शीट का उपयोग करके स्टाइल किया जा सकता है

विषय चरण दर चरण उदाहरण

सही HTML हेडर चरण का उपयोग कैसे करें इसका एक उदाहरण:

<!DOCTYPE html>
<html>
<head>
<title>Book Store</title>
</head>
<body>

<h1>Welcome to Our Book Store</h1>

<h2>Fiction Books</h2>
<h3>Science Fiction</h3>
<p>Description of science fiction books...</p>

<h3>Fantasy</h3>
<p>Description of fantasy books...</p>

<h2>Non-Fiction Books</h2>
<h3>Biographies</h3>
<p>Description of biography books...</p>

<h3>Self-Help</h3>
<p>Description of self-help books...</p>

</body>
</html>

🏗️संरचनात्मक स्थिरता:

शीर्षक स्थिति को न छोड़ें (उदाहरण के लिए, सीधे h1 से h3 पर न जाएं)। एक व्यवस्थित पदानुक्रमित संरचना एसईओ और पहुंच के लिए बहुत अच्छी है।

अभ्यास के माध्यम से सीखना

❓निम्नलिखित में से कौन सा विषय सबसे बड़ा और महत्वपूर्ण है?

<h1>
✓ ठीक है! <h1> सबसे महत्वपूर्ण और सबसे बड़ा शीर्षक है
<h2>
✗ ग़लत! <h1> के बाद <h2> दूसरा सबसे महत्वपूर्ण है
<h3>
✗ ग़लत! <h3> तीसरा सबसे महत्वपूर्ण शीर्षक है
<h4>
✗ ग़लत! <h4> चौथा सबसे महत्वपूर्ण शीर्षक है
<h5>
✗ ग़लत! <h5> पांचवां सबसे महत्वपूर्ण शीर्षक है
<h6>
✗ ग़लत! <h6> एक कम महत्वपूर्ण शीर्षक है

HTML टैग पर ध्यान दें

जैसिफ टीम के टैग नोट में इन टैग और उनकी विशेषताओं के बारे में अधिक जानकारी है।

टैग व्याख्या
<html> HTML दस्तावेज़ के स्रोत को परिभाषित करता है
<body> दस्तावेज़ के मुख्य भाग को परिभाषित करता है
<h1>पहला<h6>तक HTML हेडर को परिभाषित करता है

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारा HTML टैग संदर्भ देखें।