HTML web pages में Navigation tag कैसे लगाए
- ये web designing series का part-33 है आज के इस article में हम पढने वाले है की HTML web pages में Navigation tag कैसे लगाते है | Navigation tag की कोडिंग html web pages में कैसे और क्यों करते है ये जानने से पहले हम आपको बता दे की अगर आप हमारे article पर पहली बार आये है तो इस articles को पढने से पहले web designing series के पिछले सभी parts पढ़ ले ताकि आपको यह article आपको अच्छी तरह समझ आये |
- अगर आप web designing series को part-1 से पढ़ना चाहते है तो आपको हमारे वेबसाइट के menu baar में जाना होगा जहा आपको web designing series का dropdown देखने को मिलेगा जिसके अन्दर इस series के सभी parts के लिंक आपको मिल जायेगे जहाँ से आप web designing series को starting से पढ़ सकते है | अब आज के topic को शुरू करते है |
Navigation tag की कोडिंग HTML web pages कैसे और क्यों करते है |
- Navigation tag को HTML web pages apply करने के लिए <nav> tag का use करते है |
- किसी भी वेबसाइट के web pages में <nav> tag का use वेबसाइट में dropdown , search baar, और important web pages की लिंक को add करने के लिए किया जाता है जिसे हम navigation baar कहते है navigation baar को प्रत्येक वेबसाइट में होता है जिससे वेबसाइट देखने में काफी आकर्षक लगती है और यूजर को भी navigation baar से कोई भी जानकारी search करने में आसानी होती है |
- <nav> tag की कोडिंग HTML web pages में <body> tag के अन्दर और <header> tag के बाद होती है <header> tag के बारे में हम पिछले articles में पढ़ चुके है अगर आपने नही पढ़ा तो आप हमारे वेबसाइट के navigation baar में जाकर search कर बिस्तार से पढ़ सकते है | <nav> tag में opening व closing tag दोनों होते है | इसे हम निचे दिए example में समझेगे |
- <nav> tag को एक example की मदद से समझते है | अगर आपने इस series के पिछले parts पढ़े है तो आपको ये example आसानी से समझ आ जाएगा अगर आपने नही पढ़ा तो पढ़ ले तभी इस example को समझे |
Example-:
<body>
<nav>
<a href="https://vishucoder.blogspot.com/" > Home </a> |
<a href="https://vishucoder.blogspot.com/p/contact-us.html" > Contact Us </a> |
<a href="https://vishucoder.blogspot.com/" > web designing series </a> |
<a href="https://vishucoder.blogspot.com/2020/12/full-stack-web-development.html"> HTML Projects </a> |
<input type="search" name="search">
</nav>
</body>
- ऊपर दिए example से आप समझ सकते है की <nav> tag की कोडिंग HTML web pages कैसे करनी है ये सिर्फ एक छोटा सा example है अपने अनुसार main web pages को navigation baar में add सकते है और search icon लगा सकते है |जिससे की आपकी वेबसाइट तक पहुचने वाले यूजर को कोई भी जानकारी जो आपकी वेबसाइट से सम्बंधित हो उस जानकारी को ढूढने में आसानी हो ताकि वह आपकी वेबसाइट पर बार बार आये |
- <nav> tag को इस विडियो की मदद practically समझ सकते है |
अब आपको <nav> tag को html web pages में apply करना समझ आ गया होगा अगर आपको कोई doubt हो comment box में comment कर पूछ सकते है |या facebook या instagram में message कर सकते है जिसका reply आपको तुरंत मिलेगा |
- click here and learn header tag
- click here and learn footer tag
- click here and learn meta tag
- click here and learn div tag
- click here and learn aside tag
- send message in facebook
- follow me Instagram
0 Comments
If you have any doubts, please let me know