वेबसाइटों पर बहुत बार सूचियाँ (lists) उपयोग की जाती हैं: मेन्यू में, या किसी सूचीबद्ध जानकारी के लिए टेक्स्ट में। चलिए सबसे लोकप्रिय सूची प्रकार से शुरू करते हैं — असंख्या सूची <UL></UL> (unordered list — असंख्या सूची)।

UL सूची

UL सूची का उपयोग मेन्यू के लिए या बुलेट-पॉइंट वाली सूचियों के लिए किया जाता है, और HTML के माध्यम से आप बुलेट का प्रकार भी निर्धारित कर सकते हैं।

चलिए अपने HTML कोड में बदलाव करते हैं:

हम अब HTML की सबसे मूलभूत चीज़ — यानी हाइपरलिंक्स (या सरल शब्दों में लिंक) — तक पहुँच गए हैं। लिंक विभिन्न दस्तावेज़ों के बीच संबंध स्थापित करने का एक तरीका हैं। मान लीजिए आपके पास 100000 टेक्स्ट फाइलें हैं। यदि आप उनके लिए श्रेणियाँ (categories) बनाएँ, और हर श्रेणी में 200 दस्तावेज़ हों, तो आपको लगभग 500 श्रेणियों की आवश्यकता होगी। इन 500 श्रेणियों को ब्राउज़ करने और आवश्यक जानकारी खोजने में बहुत समय लगेगा। ऐसे में लिंक हमारी ज़िंदगी को आसान बना देते हैं।

जानकारी को संरक्षित करने के सबसे महत्वपूर्ण रूपों में से एक है सारणी (टेबल)। Excel, Access और अन्य डेटाबेस भी जानकारी को तालिकाओं के रूप में संग्रहीत करते हैं। टेबल डेटा को स्पष्ट रूप से प्रदर्शित करने का एक सुविधाजनक तरीका है — इनसे ग्राफ़ और चार्ट बनाना भी आसान होता है।

किसी वेबसाइट पर चित्र (images) एक बहुत ही महत्वपूर्ण तत्व होते हैं। उनके बिना वेबसाइट फीकी और नीरस लगती है। चित्रों का उपयोग वेबसाइट की सजावट, फोटो गैलरी, या सामान्य रूप से सामग्री को सुंदर बनाने के लिए किया जाता है।

चित्र जोड़ने के लिए IMG टैग का उपयोग किया जाता है (ध्यान दें, हम “image” पूरा शब्द नहीं लिखते, केवल img लिखते हैं)। IMG टैग एकल (single) टैग है — यानी यह जोड़े में नहीं आता: <img />.

अक्सर हमें अपने ब्लॉग या वेबसाइट में YouTube से वीडियो एम्बेड करने की आवश्यकता होती है। इस पाठ में हम देखेंगे कि इसके लिए कौन से टैग और उनके गुण (attributes) उपयोग किए जाते हैं। सबसे पहले, चलिए YouTube पर चलते हैं और किसी वीडियो का कोड कॉपी करते हैं।

हम पहले ही बात कर चुके हैं कि अलग-अलग टैग्स के अपने-अपने गुण (attributes) होते हैं। अब यह जानने का समय है कि कुछ गुण ऐसे भी होते हैं जो लगभग सभी टैग्स के लिए समान होते हैं। आइए उनके सबसे लोकप्रिय उदाहरणों पर नज़र डालें।

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

मेरा मानना है कि यहीं पर HTML पाठ्यपुस्तक को समाप्त किया जा सकता है, लेकिन यदि मेरे मन में नए विचार आए तो मैं HTML पर और पाठ प्रकाशित करता रहूँगा। आपको यह पाठ्यपुस्तक थोड़ी छोटी लग सकती है, लेकिन इसका शीर्षक भी है “पहले कदम”। मुझे नहीं लगता कि सभी टैग्स का विस्तृत विवरण यहाँ आवश्यक है — मैं उन्हें बाद में HTML संदर्भ गाइड में शामिल करूँगा।

यदि आप आगे सीखना चाहते हैं, तो मैं सलाह दूँगा कि आप CSS सीखना जारी रखें। यह HTML का वह हिस्सा है जो HTML तत्वों को सुंदर और आकर्षक रूप में प्रस्तुत करने में मदद करता है।

HTML की मदद से आप अपनी खुद की वेबसाइट बना सकते हैं। यह HTML पाठ्यपुस्तक आपको HTML साइट लिखने में बहुत कुछ सिखाएगी। HTML पाठ समझने में आसान हैं, और आप HTML सीखने का आनंद लेंगे।

तो, आपने HTML पर मेरी किताब पढ़ ली है और अब आप अपने सुंदर वेबसाइट को बनाने की दिशा में एक और कदम उठा रहे हैं — CSS सीखना शुरू करके। CSS की आवश्यकता क्यों है? यदि आपने मेरा “HTML के पहले कदम” गाइड पढ़ा है, तो आपने देखा होगा कि वह एक छोटा और सरल परिचय था। मैंने जानबूझकर कई टैग्स और गुणों को छोड़ा था जो डिज़ाइन से संबंधित थे — जैसे इटैलिक, बोल्ड, रंग, आकार, हाइलाइटिंग आदि। मैंने ऐसा इसलिए किया क्योंकि अब आपको उनकी आवश्यकता नहीं होगी।