HTML के पहले कदम - पाठ 9 - मेनू बनाना

वेबसाइट का मुख्य तत्व उसका मेनू (नेविगेशन) होता है। इसी के माध्यम से साइट के विभिन्न पन्नों के बीच नेविगेशन किया जाता है। साथ ही, मेनू सर्च इंजनों के लिए भी महत्वपूर्ण होता है — यदि पृष्ठों के बीच कोई लिंक नहीं हैं, तो खोज इंजन साइट के सभी पृष्ठों को इंडेक्स नहीं कर पाएगा। आइए देखें कि मेनू किससे बना होता है।

मेनू आमतौर पर एक अनुक्रमहीन सूची (unordered list) — यानी ul और li टैग्स — से बनाया जाता है। इस प्रकार, मेनू का प्रत्येक आइटम एक सूची तत्व होता है:

...
<ul>
  <li></li>
  <li></li>
</ul>
...

li टैग के भीतर सामान्यतः अन्य पृष्ठों के लिए लिंक (a टैग) रखे जाते हैं:

...
<ul>
  <li>
    <a href="page1.html">पहला पृष्ठ</a>
  </li>
  <li>
    <a href="page2.html">दूसरा पृष्ठ</a>
  </li>
</ul>
...

अक्सर मेनू और उसके आइटम्स के लिए class और id गुण भी जोड़े जाते हैं:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">पहला पृष्ठ</a>
  </li>
  <li class="item-2">
    <a href="page2.html">दूसरा पृष्ठ</a>
  </li>
</ul>
...

ध्यान दें कि जिन पृष्ठों के लिए लिंक दिए गए हैं (जैसे page1.html, page2.html), वे वास्तव में मौजूद होने चाहिए, अन्यथा ब्राउज़र यह नहीं समझ पाएगा कि उसे किस पेज पर जाना है।