HTML के पहले कदम - पाठ 8 - टैग्स के सार्वभौमिक गुण
हम पहले ही बात कर चुके हैं कि अलग-अलग टैग्स के अपने-अपने गुण (attributes) होते हैं। अब यह जानने का समय है कि कुछ गुण ऐसे भी होते हैं जो लगभग सभी टैग्स के लिए समान होते हैं। आइए उनके सबसे लोकप्रिय उदाहरणों पर नज़र डालें।
HTML के पहले कदम - पाठ 9 - मेनू बनाना
वेबसाइट का मुख्य तत्व उसका मेनू (नेविगेशन) होता है। इसी के माध्यम से साइट के विभिन्न पन्नों के बीच नेविगेशन किया जाता है। साथ ही, मेनू सर्च इंजनों के लिए भी महत्वपूर्ण होता है — यदि पृष्ठों के बीच कोई लिंक नहीं हैं, तो खोज इंजन साइट के सभी पृष्ठों को इंडेक्स नहीं कर पाएगा। आइए देखें कि मेनू किससे बना होता है।
HTML के पहले कदम - निष्कर्ष
मेरा मानना है कि यहीं पर HTML पाठ्यपुस्तक को समाप्त किया जा सकता है, लेकिन यदि मेरे मन में नए विचार आए तो मैं HTML पर और पाठ प्रकाशित करता रहूँगा। आपको यह पाठ्यपुस्तक थोड़ी छोटी लग सकती है, लेकिन इसका शीर्षक भी है “पहले कदम”। मुझे नहीं लगता कि सभी टैग्स का विस्तृत विवरण यहाँ आवश्यक है — मैं उन्हें बाद में HTML संदर्भ गाइड में शामिल करूँगा।
यदि आप आगे सीखना चाहते हैं, तो मैं सलाह दूँगा कि आप CSS सीखना जारी रखें। यह HTML का वह हिस्सा है जो HTML तत्वों को सुंदर और आकर्षक रूप में प्रस्तुत करने में मदद करता है।
HTML पाठ्यपुस्तक - अतिरिक्त सामग्री
HTML की मदद से आप अपनी खुद की वेबसाइट बना सकते हैं। यह HTML पाठ्यपुस्तक आपको HTML साइट लिखने में बहुत कुछ सिखाएगी। HTML पाठ समझने में आसान हैं, और आप HTML सीखने का आनंद लेंगे।
CSS पाठ्यपुस्तक
तो, आपने HTML पर मेरी किताब पढ़ ली है और अब आप अपने सुंदर वेबसाइट को बनाने की दिशा में एक और कदम उठा रहे हैं — CSS सीखना शुरू करके। CSS की आवश्यकता क्यों है? यदि आपने मेरा “HTML के पहले कदम” गाइड पढ़ा है, तो आपने देखा होगा कि वह एक छोटा और सरल परिचय था। मैंने जानबूझकर कई टैग्स और गुणों को छोड़ा था जो डिज़ाइन से संबंधित थे — जैसे इटैलिक, बोल्ड, रंग, आकार, हाइलाइटिंग आदि। मैंने ऐसा इसलिए किया क्योंकि अब आपको उनकी आवश्यकता नहीं होगी।
CSS पाठ्यपुस्तक - पाठ 1 - CSS शैलियाँ जोड़ना
मैं यह नहीं समझाऊँगा कि CSS की आवश्यकता क्यों है। यदि आपने यह पाठ्यपुस्तक खोली है, तो इसका अर्थ है कि आप इसे सीखना चाहते हैं। मैं केवल इतना कहूँगा कि CSS की क्षमताएँ बहुत व्यापक हैं और यह किसी भी जटिलता के लेआउट को बनाने की अनुमति देती हैं। CSS का उपयोग करने का अर्थ है कि आपको कई पुराने HTML टैग गुणों — जैसे size, color, bgcolor, align आदि — का उपयोग बंद करना होगा, जो CSS के साथ "टकराते" हैं।
CSS पाठ्यपुस्तक - पाठ 2 - CSS का उपयोग शुरू करें। CSS गुण: background, color।
नमस्ते सबको। तो, पिछले पाठ में मैंने दो फाइलें बनाई थीं — HTML और CSS। उनका कोड नीचे दिया गया है:
index.html:
<html>
<head>
<title>CSS पाठ्यपुस्तक</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>drupalbook.org के साथ CSS सीखें</p>
<p>दूसरी पंक्ति drupalbook.org के साथ CSS सीखें</p>
</body>
</html>style.css:
CSS पाठ्यपुस्तक — पाठ 3 — गुण (Properties): background-color, font-style, font-weight, text-align, text-decoration, text-transform
HTML के अस्तित्व के दौरान कई टैग बनाए गए, और अब CSS के व्यापक उपयोग के साथ हमें कुछ टैग्स को छोड़ना पड़ा है, जैसे <font>, <b>, <i>, <center>। आगे चलकर हम अन्य "अमान्य" टैग्स के बारे में भी बात करेंगे। CSS गुणों का उपयोग आपको HTML में अतिरिक्त कोड लिखने से बचाएगा और उसे एक अलग CSS फ़ाइल में स्थानांतरित करने की अनुमति देगा।
CSS पाठ्यपुस्तक — पाठ 4 — display गुण (Property)। div और span के बीच अंतर।
पिछले पाठों में हमने CSS फ़ाइल को जोड़ा था और थोड़ा CSS कोड लिखा था ताकि देख सकें कि यह कैसे काम करता है। इस पाठ में हम एक महत्वपूर्ण गुण display को समझेंगे। display गुण यह निर्धारित करता है कि कोई HTML टैग वेब पेज पर कैसे प्रदर्शित होगा — क्या वह टेक्स्ट की तरह एक पंक्ति में दिखाई देगा या फिर एक ब्लॉक के रूप में, जिसकी अपनी ऊँचाई और चौड़ाई होती है।
CSS पाठ्यपुस्तक — पाठ 5 — float और clear गुण (Properties)। फ्लोटिंग और फ्लोट का अंत।
कल्पना कीजिए कि एक तेज़ बहती हुई पहाड़ी नदी है, जो बहुत गति और शोर के साथ बह रही है। और अचानक इस नदी के रास्ते में एक पत्थर आ जाता है — नदी उस पत्थर को चारों ओर से घेरते हुए (obtekaet) बहती है। यदि पत्थर नदी के प्रवाह की दिशा के बाएँ ओर है, तो नदी उसे दाएँ ओर से पार करती है, और यदि पत्थर दाएँ ओर है — तो नदी उसे बाएँ से पार करती है। बिल्कुल इसी तरह CSS का float गुण (property) काम करता है।