HTML Web Pages में header tag कैसे Apply करे
- ये web designing series का part-30 है आज के इस article में हम पढने वाले है की HTML web pages में <header> tag कैसे apply करे | <header> tag क्या है इसकी कोडिंग कैसे करते है ये जानने से पहले हम आपको बता दे की अगर आप हमारे article पर पहली बार आये है और आपको ये article समझ नही आ रहा है तो आप starting से web designing series के सभी पार्ट देखिये तभी आपको ये article अच्छी तरह समझ आयेगा |
- अगर आप web designing series को part-1 से पढ़ना चाहते है तो आपको वेबसाइट के menu baar में जाना होगा वहा आपको web designing series का dropdown देखने को मिलेगा जिसके अन्दर आपको सभी parts के link मिल जायेगे जहा से आप web designing series को शुरुवात से पढ़ सकते है |अब आज के topic को शुरू करते है |
<header> tag की कोडिंग HTML Web pages में कैसे और क्यों करते है |
- किसी भी वेबसाइट में एक header baar होना जरूरी होता है जिसमे आप अपनी वेबसाइट का logo लगा सकते है और social icon लगा सकते है जैसे - facebook , instagram , youtube के लिंक आप header में लगा सकते है और अपने वेबसाइट के बारे में (about us) , contact us , Home page आदि web pages की link को header baar में add कर सकते है | ये सभी page को add करना एक complete वेबसाइट बनाने के लिए जरूरी होता है इन सभी pages को <header> tag की मदद से header baar में लगाते है |
- <header> tag की कोडिंग <body> tag के अन्दर ही करते है | <header> tag में opening व closing tag दोनों होते है <header> tag को हम निचे एक example की मदद से समझेगे और इसको practically भी समझेगे जिसका विडियो निचे दिया हुवा है जिसे आप जरूर देखे और उसका स्वयं practical करे |
- <header> tag की कोडिंग कैसे करनी है इसे एक example की मदद से समझते है |
Example-:
<body>
<header>
<a href= "https://vishucoder.blogspot.com/" >Home </a>
<a href= "https://vishucoder.blogspot.com/p/contact-us.html" >Contact Us </a>
<img src ="vishu/logo.png">
<a href= "https://vishucoder.blogspot.com/p/about-us.html" >About Us </a>
<a href= "https://www.facebook.com/vishucoderbanda" > Facebook </a>
<a href= "https://www.instagram.com/vishup021/" >Instagram </a>
</header>
</body>
- दिए गए example में दिखाया गया की <header> tag में लिंक कैसे add करना है और <header> tag की कोडिंग <body> tag के अन्दर कैसे करनी है ये सिर्फ एक छोटा सा example है आप और भी लिंक header में लगा सकते है और <img> tag की मदद से आप header में अपने website का लोगो लगा सकते है जिससे आपकी वेबसाइट दिखने में और भी आकर्षक लगे |
- आप अपनी वेबसाइट में Home , contact us, about us pages की लिंक जरूर add करे और social icon भी लगाये जिससे यूजर आप तक पहुच सके और आपकी वेबसाइट के बारे में जान सके |
- <header> tag की कोडिंग कैसे करनी है इस विडियो में practically दिखाया गया है ये आपको तभी समझ आयेगा जब आपने इसके पहले के सभी parts देखे होगे |
अब आपको <header> tag को web pages में use करना अच्छी तरह समझ आ गया होगा अगर आपके मन कोई doubt है तो comment box में comment करे या फिर header में दिए social icon की मदद से direct message कर सकते है जिसका reply आपको तुरंत मिलेगा | अगर अभी तक आपने हमें फॉलो नही किया तो कर ले हमें सिर्फ आपका support चाहिए |
follow me-: facebook page
 (web designing series Part-30 )){kind=link}
0 Comments
If you have any doubts, please let me know