HTML Web Pages में footer tag कैसे Apply करे
- ये web designing series का part-31 है आज के इस article में हम पढने वाले है की किसी website के web page में <footer> tag कैसे apply करे | <footer> tag की कोडिंग web pages कैसे और क्यों करते है | ये जानने से पहले हम आपको बता दे की अगर इस article पर पहली आये है तो इस article को पढने से पहले web designing series के पिछले सभी articles पढ़ ले जिससे आपको इस article को समझने में आसानी होगी |
- अगर आप web designing series को part-1 से पढ़ना चाहते है इसके लिए आपको हमारी वेबसाइट के menu baar में जाना होगा जहाँ आपको web designing series का dropdown देखने को मिलेगा जिसके अन्दर सभी parts के link मिल जायेगे जहा से आप इस series को starting से पढ़ सकते है | अब आज के topic को शुरू करते है |
<footer> tag की कोडिंग HTML Web pages में कैसे और क्यों करते है |
- किसी भी वेबसाइट में Header और Footer होना जरूरी होता है जिससे वेबसाइट आकर्षक दिखती है और आप अपनी वेबसाइट के बहुत से web pages को header या footer में लिंक कर सकते हो जिससे आपकी वेबसाइट तक आने वाले users को कोई जानकारी आसानी उपलब्ध हो सके |
- इस series के पिछले article में हमने <header> tag के बारे बिस्तार से पढ़ा था जिसकी link इस paragraph के निचे दी हुयी है आप उस link पर click कर उस article तक पहुच सकते है और पढ़ सकते है और आज के इस article में हम <footer> tag के बारे बिस्तार से पढेगे | इस लिंक पर क्लिक कर header tag को बिस्तार में पढ़े
- किसी भी वेबसाइट के लिए जितना Header का होना जरूरी है उतना ही Footer का होना भी जरूरी footer लगाने के लिए <footer> tag का प्रयोग करते है |
- <footer> tag की मदद से हम किसी भी वेबसाइट के footer में अपने videos या article के लिंक दे सकते है और writer का नाम दे सकते है copyrights की लिंक भी add कर सकते है और Home , About Us, contact us, Disclaimer आदि web pages की लिंक footer में add कर सकते है इन web pages को आप header में भी add क्र सकते जिसके बारे में पिछले article में भी बताया है जिसकी लिंक उपर दी हुयी है और आप social icon भी add कर सकते जो किसी भी वेबसाइट के लिए काफी usefull होते है जिससे users आप तक आसानी से अपनी बात रख सके |
- <footer> tag की कोडिंग <body> tag के अन्दर ही करते है <footer> tag के opening व closing tags दोनों होते है <footer> tag को हम निचे दिए एक example की मदद से समझेगे और <footer> tag का practical भी निचे दिए विडियो में देखेगे जो आपके लिए काफी helpfull होगा जिसे आप जरूर देखे और उसका स्वयं practical करे |
- <footer> tag को हम एक example की मदद से समझते है | ये example तभी समझ आयेगा जब आपने इस series के पिछले सभी parts देखे होगे अगर आपने फिछले सभी parts नही देखे तो पहले उन्हें देख ले फिर इस article पर आये |
Example-:
<body>
<footer>
<p> Writter - <em> Vishu </em> </p>
<p> copyrights - vishu web designer </p>
<a href="https://vishucoder.blogspot.com/" > Home </a>
<a href="https://vishucoder.blogspot.com/p/about-us.html" >About Us > </a>
<a href="https://vishucoder.blogspot.com/p/contact-us.html" > Contact Us > </a>
</footer>
</body>
- दिए गए example में आप समझ सकते है की किसी website के footer में <footer> tag की मदद से web pages की लिंक कैसे add करनी है ऐसे ही आप facebook , instagram , youtube के लिंक भी add कर सकते है videos और images के लिंक भी add कर सकते है |
- अगर आपको दिए गए example में समझ न आया हो तो निचे दिए विडियो को देखिये जिसमे <footer> tag को practically दिखाया गया है | विडियो देखकर आप अच्छी तरह समझ सकते है |
- <footer> tag को इस विडियो में practical करके दिखाया गया गया है | इसमें थोड़ी css की properties use की गयी है जिससे की footer थोड़ा colourfull दिखे तो आप css की properties से confuse न हो आप भी use करके देख ले बाद में हम css को detail में पढेगे ही |
अब आपको <footer> tag use करना अच्छी तरह समझ आ गया होगा अगर आपके मन में कोई doubt हो तो comment box में comment करके पूछ सकते है या फिर वेबसाइट के header में दिए facebook या instagram की मदद से आप हमें message कर सकते है जिसका आपको तुरंत reply मिलेगा अगर अभी तक आपने हमें फॉलो नही किया तो कर ले हमें सिर्फ आपके support की जरूरत है |
 (web designing series part-31)){kind=link}
0 Comments
If you have any doubts, please let me know