नाव (NAV)

नाव से तात्‍पर्य नेविगेशन से है । इस विकल्‍प का काम भी काफी हद तक नेविगेट करने का ही है । हम एक पेज से दूसरे पेज पर नेविगेट करने के लिये जिस नेविगेशन मीनू का प्रयोग करते हैं वह इसी एलीमेण्‍ट के द्वारा बनाया जाता है । इसका प्रयोग बहुत ही आसान है । इसे समझने का प्रयत्‍न करते हैं ।
    माना कि हमें एक वेबपेज पर 5 पेज लगाने हैं (home, project, about us, contact us, help) 
   अब इसे लगाने के लिये सबसे पहले हम नाव ओपिनिंग टैग शुरू करते हैं फिर अपने सारे पेज के हाइपरलिंक डालते हैं और फिर नाव टैग बन्‍द कर देते हैं । थोडी सी सीएसएस स्‍टाइलिंग हो जाए बस । आपका नेविगेशन मीनू तैयार ।

अब इसे करके देखते हैं ।

<nav> नाव ओपिनिंग टैग शुरू ।
<a href="home.html">Home</a> होम हाइपलिंक
<a href="project.html">Project</a> प्रोजेक्‍ट हाइप‍रलिंक
<a href="about.html">About Us</a> अबाउट हाइपरलिंक
<a href="contact.html">Contact Us</a> कान्‍टैक्‍ट हाइपरलिंक
<a href="help.html">Help</a> हेल्‍प हाइपरलिंक
</nav> नाव क्‍लोजिंग टैब बन्‍द

आपका यह नेविगेशन मीनू कुछ इस तरह दिखाई देगा ।

 

Home Project About Us Contact Us Help

इनमें से किसी भी टैब पर क्लिक करने पर आप उस पेज पर पहुँच जाएंगे । अब इसमें थोडा सा सीएसएस स्‍टाइल एड करते हैं ।

<nav >
<a style="text-decoration:none; color:white; background:blue; padding:5px; margin:5px;" href="home.html">Home</a>
<a style="text-decoration:none; color:white; background:blue; padding:5px; margin:5px;" href="project.html">Project</a>
<a style="text-decoration:none; color:white; background:blue; padding:5px; margin:5px;" href="about.html">About Us</a>
<a style="text-decoration:none; color:white; background:blue; padding:5px; margin:5px;" href="contact.html">Contact Us</a>
<a style="text-decoration:none; color:white; background:blue; padding:5px; margin:5px;" href="help.html">Help</a>
</nav>

अब आपका नेविगेशन मीनू कुछ इस तरह दिखाई पडने लगेगा ।

Home Project About Us Contact Us Help

अब यह बिलकुल नेविगेशन मीनू की तरह लगने लगा ।
आशा है आपको यह प्रोजेक्‍ट मजेदार लगा होगा । जो भी बात इस प्रोजेक्‍ट में कम या न समझ में आई हो कृपया अवश्‍य पूँछें जिससे हम आपकी पूरी सहायता कर सकें ।