CHAPTER : 1 INTRODUCTION TO HTML
INTRODUCTION TO HTML
दोस्तों आपका स्वागत है , आज हम HTML की बेसिक चीजें जानेंगे।सबसे पहले तो हम BASIC HTML के अंदर इस्तेमाल होने वाली दूसरी भाषाओं को जानते हैं 1. HTML2. CSS3. JAVA SCRIPT4.J QUERY इन चारों भाषाओं को अगर आप समझ और सीख गए तो कोई भी ऐसी वेबसाइट नहीं है जो आप बना न सकें , जी हां कोई भी। तो पहले हम इन भाषाओं के बारे में जानते हैं , तो जैसा की हम जानते हैं की HTML एक कोडिंग भाषा है जिससे हम वेबसाइट बनायंगे और CSS (CASCADING STYLE SHEET) उसमें डिजाईन देने का काम करती है , जिस प्रकार एक महिला मेकअप करती है उसी प्रकार CSS , HTML का मेकअप करती है। जावास्क्रिप्ट की बात करे तो कैलकुलेशन , एक्स्ट्रा इफ़ेक्ट जैसे स्लाइडिंग मेनू आदि जावास्क्रिप्ट के द्वारा की जाती है। JQUERY जावास्क्रिप्ट की एक लाइब्रेरी जिसमे इनबिल्ट एक्शन फंक्शन होते हैं। तो चलिए अब हम HTML की बात करते है आप अपना राइटिंग ऐप्प खोल ले और साथ साथ लिखते चले। HTML लिखने से पहले हमें ब्राउज़र को यह बताना पड़ता है की हम HTML की फाइल लिख रहे हैं तो सबसे मैं ये बताना चाहता हूँ की HTML TAG में लिखा जाता है ये टैग ग्रेटर देन और लेस देन (< > ) होता है। इसके अंदर हम HTML लाइब्रेरी के कमांड्स लिखते है। इस टैग को इस्तेमाल करने के लिए ओपनिंग टैग और HTML क्लोजिंग टैग देना होता है , ओपनिंग टैग तो < > होता है मगर क्लोजिंग टैग </ > ऐसे दिया जाता है। तो हम अपने HTML पेज की शुरुवात करते है , उससे पहले हम हमे ब्राउज़र को ये बताना पड़ता है की हम HTML लैंग्वेज पर काम कर रहे है तो सबसे पहले राइटिंग ऐप्प पर हम HTML का ओपनिंग और टैग देंगे। <html>*</html>अब हम जो भी प्रोग्राम लिखेंगे वो इन दोनों टैग के बिच में लिखेंगे मैंने उसे * फील्ड से दिखाया है। ये तो हो गया HTML की शुरुवात अब हम मेन कोड्स पर आते है , दोड्तो जिस तरह हमारा शरीर होता है : HEAD , BODY AND FOOT. उसी प्रकार HTML का भी हेड , बॉडी और फुटर होता है तो HTML का स्ट्रक्चर इस टाइप का बनेगा <html><head>*1 </head>
<head>*2</body>
</html>
देखिये दोड्तो मैंने HTML की शुरुवात की ओपनिंग टैग से और क्लोजिंग की , फिर हेड ओपन किया और फिर क्लोज और फील्ड *1 छोड़ी , बॉडी ओपन की फिर क्लोज की। दोस्तों ये याद रखना है की ओपनिंग और क्लोजिंग टैग सही जगह होनी चाहिए , उसे समझने के लिए इसे देखे की सारे एक्सटर्नल काम बॉडी में करेंगे और इंटरनल हेड में। तो ये हो गया बेसिक स्ट्रक्चर ऑफ़ HTML , फुटर के बारे में हम बाद में जानेंगे अब हम इन टैग के इस्तेमाल से वेबसाइट बनाने के प्रोसेस को जानेंगे। हम किसी वेबसाइट को देखते है तो सबसे पहले टाइटल देखते है जैसे मेरी वेबसाइट के ऊपर देखिये जहा टैब बनती है तो आपको HREXHACKS दिखेगा या CHAPTER :1 कुछ इसी तरह का दिखेगा या ये मानिये जो टैब के ऊपर जो लिखा है वो टाइटल है तो सबसे पहले उसे लिखेंगे। तो जैसा की मैंने बताया था , यह टॉप पर है मतलब हेड पर तो ये टाइटल हम हेड में लिखेंगे , देखिये कैसे लिखेंगे :<html><head><title> My First HTML Page </title></head>
<body>*2</body>
</html>
जैसा कि हमने देखा टाइटल के लिये हमने टाइटल की ओपनिंग टैग और क्लोजिंग टैग ली और टाइटल लिखा। तो दोस्तों अब आपने ये लिख दिया तो देखते है की आपका रिजल्ट क्या आया , तो उसे जानते है कुछ स्टेप्स के द्वारा :
1. सबसे पहले मेनु बार में जाए
2. फाइल पर क्लिक करे 3. सेव ऑप्शन पर क्लिक लारे 4. अब फाइल नाम कुछ भी डाल दे मगर एक बात का ध्यान रखे उसके बाद .html जरूर लिखे। 
कुछ इस तरह अब आप सेव लोकेशन पर जाए और ओपन करे। 
तो देखा दोस्तों कैसे टाइटल लिखा गया है। अब आगे बढ़ते है , जब हम किसी वेबसाइट को खोलते है तो टाइटल देखते है जो हमने सिख लिया है ,फिर आती है हैडिंग मेरे करंट पेज की हैडिंग है introduction to html तो आईये देखते है कि ये कैसे लिखीं जाती है पर सबसे पहले ये जानते है की ये लिखी किसमे जाएगी हेड में या बॉडी में ??? ये बॉडी में लिखी जाएगी क्यूंकि ये हेड से नीचे है या ये एक्सटर्नल है मतलब दिखाना है। इसके लिए ओपनिंग और क्लोजिंग टैग होगी। इसकी ओपनिंग टैग होती है <h > तो क्लोजिंग हुई </h > से मगर अभी ये काम नहीं करेगी क्योंकि HTML में हैडिंग 6. टाइप की होती है उसे हम <h1>,<h2>,<h3>,<h4>,<h5>,<6> इसी प्रकार क्लोजिंग टैग </h1> . .... . ...</h6>. होगी। ये h1. का मतलब साइज से है h1. का साइज सबसे बड़ा होता है इसे समझने के लिए आइये अपने पहले लिखे हुए प्रोग्राम पर और बॉडी में ओपनिंग टैग के बाद इस तरह लिखे <html><head><title> My First HTML Page </title></head>
<body><h1> H1 heading </h1><h2> H2 heading </h2><h3> H3 heading </h3> <h4> H4 heading </h4><h5> H5 heading </h5><h6> H6 heading </h6>
</body>
</html> और ctrl+s मतलब सेव करे और फिर फाइल खोले।
देखिये किस तरह से फॉण्ट का साइज बदल रहा है , हालांकि बाद में भी इसका साइज बदला जा सकता है CSS से। ई
दोस्तों पहले चैप्टर में इतना ही इसे समझे और प्रैक्टिस करे इसे शेयर करे , लोगो को बताए कोई परेशानी होने पर कमेंट कर सकते है , लाइक करे शेयर करे। धन्यवाद्। अगले चैप्टर में हम हैडिंग को और समझेंगे उसके फॉण्ट, साइज ,कलर , पोजीशन के साथ काम करना सीखेंगे जल्द ही निचे दी हुई वेबसाइट रेडी हो जायेगी। इसे पढ़े प्रैक्टिस करे और अपने दोस्तों को बताये जिससे हमे और मेहनत करने की प्रेरणा मिलेगी। धन्यवाद।
CHAPTER : 2 WORK WITH HEADINGS AND FONTS
No comments:
Post a Comment