HTML: HEADINGS

मित्रों इस lesson में हम html headings के बारे में जानेंगे और प्रैक्टिस भी करेंगे. जैसा की आप जानते हैं की अगर कोई पत्र या कहानी लिखते हैं तो ऊपर में शीर्षक देना पड़ता है, क्योंकि अगर हम शीर्षक नहीं देंगे तो पत्र के विषय बारे में जानकारी लेने के लिए पूरा पढ़ना पड़ेगा. अगर html के बारे में बात करें तो शीर्षक ही heading कहलाता है. तो चलिए जानते हैं html headings के बारे में:

HTML headings को <h1> tag से लेकर <h6> tag तक डिफाइंड किया जाता है.

<h1> टैग महत्वपूर्ण हेडिंग के लिए और <h6> टैग कम उपयोगी हेडिंग के लिए प्रयोग किया जाता है.

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

कोशिश करें


ब्राउज़र अपने आप हेडिंग से पहले और बाद में white space (मार्जिन) डाल देता है .

Headings का महत्व:

अगर आप चाहते हैं की आपका साईट गूगल सर्च इंजन के लिए फिट बैठे तो हेडिंग्स का प्रयोग जरुर करें. आपके साईट का जो structure और contents हैं उनका index बनाने के लिए सर्च इंजन हेडिंग का प्रयोग करती है, ताकि यूजर का समय बच सके.

  • <h1> का प्रयोग मुख्य हेडिंग के लिए किया जाता है.
  • <h1> से लेकर <h6> तक  का प्रयोग कर सकते हैं.
  • <h6> सबसे कम मत्वपूर्ण हेडिंग के लिए प्रयोग किया जाता है.



Note: अक्षर को बड़ा दिखाने के लिए हेडिंग टैग का उपयोग न करें इसके लिए font-size property का प्रयोग कर सकते हैं

बड़ा Headings:

वैसे तो हर हेडिंग का साइज़ फिक्स होता है लेकिन आप इसे बदल भी सकते हैं. इसके लिए font-size property का प्रयोग कर सकते हैं:

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

कोशिश करें

HTML Horizontal Rules:

HTML पेज में विषयगत (thematic) ब्रेक के लिए  <hr> टैग का प्रयोग किया जाता है जो प्रायः एक horizontal लाइन की तरह डिस्प्ले होता है.

कंटेट को अलग करने के लिए भी <hr> टैग का प्रयोग किया जाता है.

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>

कोशिश करें

HTML <head> Element:

<head> element हेडिंग से बिलकुल अलग है या कह सकते हैं की इसका हेडिंग से कोई मतलब नहीं है.

यह एक कंटेनर है जिसमें मेटा डाटा रहता है. Meta data का मतलब मतलब आपके html डॉक्यूमेंट की जानकारी से है और यह डिस्प्ले भी नहीं होता है.

<head> elment, <html> टैग के बाद दिया जाता है.

<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset=”UTF-8″>
</head>
<body>
.
.

कोशिश करें


मित्रों आज के lesson में आपने HTML HEADINGS के बारे में जाना. मुझे आशा है की आपको कोई परेशानी नही हुई होगी फिर भी यदि कोई प्रॉब्लम हो रही हो तो आप बेझिझक कमेंट बॉक्स में प्रश्न कर सकते हैं आपको जवाब जरुर मिलेगा।

Origin Classes पर Pradeep Karn के साथ जुुड़ने के लिए धन्यवाद!

Leave a Reply

Your email address will not be published. Required fields are marked *