Posted in

Html Tutorials Part – 8 Navigation Bar – freetoolpt

html-tutorial-part-8-navigation-bar-freetoolpt

Html Tutorials Part – 8 Navigation Bar – freetoolpt

   PRACTICAL  – Navigation Bar

<Nav> Navigation bar Element :-

इसका इस्तेमाल मुख्य रूप से वेब पेज के नेविगेशन सेक्शन में होता है यह अन्य पेज के लिए लिंक तेज की भांति कार्य करता है उदाहरण के लिए निम्न कोड href attribute के माध्यम से वेब पेज के विभिन्न hyperlink को नेविगेशन हेतु एकत्रित किये हुए हैं । 
html>
<body>
 <nav>
      <p><a href=”Home.html”>Home</a></p>
     <p><a href=”Menu.html”>Menu</a></p>
     <p><a href=”File.html”>File</a></p>
     <p><a href=”Contact.html”>Contact</a></p>
     <p><a href=”About.html”>About</a></p>
 </nav>   
</body>
</html>

          Practical 9

<section> Element:-

कई बार हमें इस बात की आवश्यकता होती है कि किसी भी डॉक्यूमेंट के एक हेडिंग को कई Section में बांटा जाए जिस के लिए यह Element उपयुक्त है।

 

उदाहरण के लिए हम यह चाहते हैं कि हर सेक्शन  की एक अलग  Heading हो तो इसको हम निम्न रूप प्रयोग कर  सकते हैं।

<html>
    <body>
      <section>
          <h1>Web Technology</h1>
          <hr>
          <section>
              <h1>html</h1>
              <section>
                  <hr>
                  <h2>css</h2>
              </section>
              <hr>
              <section>
                  <h3>javascript</h3>
              </section>
          </section>
      </section>  
    </body>
</html>

<hr> Element:-

यह वेब पेज पर एक होरिजेंटल रेखा (line) को खींचने हेतु होता है यह एक खाली एलिमेंट है और मुख्य रूप से सेक्शन को विभाजित करने हेतु प्रयोग में आता है जहां कोई स्पष्ट Heading नहीं प्रदान की गई हो ।
 
<html>
    <body>
     <footer>
         <p> All content copywrite: sk Design</p>
     </footer>
    </body>
</html>

Leave a Reply

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