एच.टी.एम.एल. से वेब पेज बनाना
Creating Webpage using HTML
एच.टी.एम.एल. से वेब पेज कैसे बनाएं?
How to Create Webpage using HTML?
एचटीएमएल से वेबपेज बनाना बहुत
ही आसान है। इसके लिए हमें टेक्स्ट एडिटर ( नोटपैड )
एवं वेब ब्राउज़र की आवश्यकता होती है।
HTML डॉक्यूमेंट
एक साधारण टेक्स्ट फाइल होती है, जिसके
लिए टेक्स्ट एडिटर की जरूरत पडती है। इस कार्य के हम विंडोज के डिफ़ॉल्ट टेक्स्ट एडिटर Notepad का उपयोग कर सकते है। जो हमारे कंप्यूटर में पहले से ही इनस्टॉल रहता है। नोटपैड HTML कोड लिखने के लिए उपयुक्त
प्रोग्राम है।
HTML कोडिंग के आउटपुट के लिए वेब ब्राउज़र (Web Browser) की जरूरत पडती है। यदि हम HTML डॉक्यूमेंट को Notepad में ओपन करेंगे तो हमें HTML टैग्स के अलावा कुछ नही दिखेगा। इसलिए HTML टैग्स को समझने के लिए वेब ब्राउजर का उपयोग किया जाता है। कम्प्युटर में डिफ़ॉल्ट ब्राउजर के रूप में इन्टरनेट एक्स्प्लोरर (Internet Explore) मौजूद रहता है। इसके अलावा Google Chrome या फिर Mozilla Firefox का भी इस्तेमाल किया जा है।
बेसिक एच.टी.एम.एल. टैग्स
Basic HTML Tags
HTML टैग एक साधारण शब्द या अक्षर होता है. जो Angular Brackets (< >) से
घिरा रहता है. इस प्रकार एक साधारण शब्द / अक्षर और Angular Brackets (< >) से
एक HTML टैग
का निर्माण होता है। एचटीएमएल में टैग को लोअर केस (Lowercase) अथवा अपर केस (Uppercase) में लिखा जा सकता है। यह केस सेन्सिटिव नहीं है। सामान्यतः HTML टैग
के 3 पार्ट
होते है।
1- ओपनिंग टैग
2- टेक्स्ट
3- क्लोजिंग टैग
ओपनिंग टैग शुरुआत में लगाया जाता है। इससे ब्राउज़र को ये पता चलता है कि इस टैग का क्या उपयोग है । ओपनिंग टैग के बाद वो टेक्स्ट लिखा जाता है जिस पर ये टैग अप्लाई हो रहा है।
क्लोजिंग टैग से ब्राउज़र को पता चलता है की इस टैग का उपयोग यहीं तक था। क्लोजिंग टैग में फॉरवर्ड स्लैश (/) का प्रयोग किया जाता है।
एच.टी.एम.एल. स्ट्रक्चर
Basic HTML Structure
एचटीएमएल मे बेसिक स्ट्रक्चर टैग वह होते हैं, जो सामान्य रूप से सभी HTML डाक्यूमेंट्स में अनिवार्य रुप से प्रयोग किये जाते है। ये टैग्स HTML डाक्यूमेंट्स के स्ट्रक्चर को परिभाषित करते है। प्रमुख टैग निम्न हैं:
➥ HTML
➥ HEAD
➥ TITLE
➥ BODY
HTML वेबपेज में हमेशा सबसे पहला टैग <html> होता है। यह टैग डिफाइन करता है की फाइल में जो कंटेंट है, वह HTML फॉर्म में है। उसी से ब्राउज़र उस फाइल को रीड करता है।
किसी भी एचटीएमएल फाइल का ओपनिंग टैग होता है। फाइल की अंतिम लाइन में इसे क्लोज़िंग टैग </html> से क्लोज़ किया जाता है।
Head टैग <head> का प्रयोग वेब पेज की इनफार्मेशन के लिए किया जाता है। Head एलिमेंट में डॉक्यूमेंट की महत्वपूर्ण जानकारी समाहित रहती है। इसके अंतर्गत टाइटल, स्टाइल, लिंक, मेटा इनफार्मेशन, स्क्रिप्ट एवं नो स्क्रिप्ट जैसे एलिमेंट्स का प्रयोग किया जा सकता है।
इस टैग में वेब पेज से रिलेटेड
स्क्रिप्ट्स एवं स्टाइल्स भी डिफाइन की जाती है।
सामान्यतः इस टैग को एचटीएमएल टैग के बाद लिखा जाता है, और समस्त कोड लिखने के बाद क्लोज़िंग टैग </head> से बंद कर दिया जाता है।
टाइटल टैग (Title Tag) का प्रयोग वेब पेज को टाइटल देने के लिए किया जाता है, इसके लिए <Title> का प्रयोग किया जाता है। इसके अंदर लिखा गया टेक्स्ट ब्राउज़र के टाइटल बार में दिखाई देता है। यह टैग डॉक्यूमेंट के शीर्षक (Title) को परिभाषित करता है। प्रत्येक HTML
डॉक्यूमेंट के लिये Title टैग जरुरी होता है। इस टैग को Head एलिमेंट के भीतर लिखा जाता है।
लिखने के बाद क्लोज़िंग टैग </title> से बंद कर दिया जाता है।
बॉडी टैग (Body Tag) किसी वेब पेज में दिखाई जाने वाली अन्य जानकारी को प्रदर्शित करता है। बॉडी एलिमेंट में डॉक्यूमेंट का सारा कंटेंट जैसे – टेक्स्ट, हाइपरलिंक, इमेज, टेबल, लिस्ट आदि सामग्री को शामिल किया जाता है। बॉडी
टैग <Body> के अन्दर हम बहुत सारे टैग जैसे पैराग्राफ, लिस्ट, टेबल आदि का प्रयोग करके हम अपने वेब पेज पर जानकारी को प्रदर्शित कर सकते हैं।
बॉडी टैग (Body Tag) को क्लोज़िंग टैग </title> से बंद किया जाता है।
नोटपैड का प्रयोग कर वेबपेज बनाना
Create Webpage using Notepad
HTML से वेब पेज बनाने के लिए निम्नानुसार स्टेप्स का प्रयोग कर नोटपैड प्रोग्राम को स्टार्ट कीजिए
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
फाइल को सेव कीजिए।
HTML फाइल को सेव करने के लिए की-बोर्ड से Ctrl
+ S दबाएं।
SaveAs डायलॉग बॉक्स में फाईल के नाम के साथ एक्सटेंशन के रूप में HTML अवश्य लिखें।
जैसे : firstwebpage.html और Save as type आप्शन पर निम्नानुसार All Files सेलेक्ट कर Save बटन पर क्लिक कीजिए।
अब आपका HTML डॉक्यूमेंट तैयार हो चुका है। इस वेबपेज को देखने के लिए हमे अपनी सेव की गई फाइल को ओपन करना है।
फाईल को खोलने के लिए माऊस से डबल क्लिक कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में
ओपन हो जाएगी। यह इस प्रकार दिखाई देगी.
इस प्रकार आप अपनी एचटीएमएल फाइल बना कर देख सकते हैं। उपरोक्त कोड में अपना बायोडाटा डिटेल्स टाइप करके एचटीएमएल फाइल बनाएं एवं ब्राउज़र पर ओपन करके देखें।
Tags - Creating Webpage using HTML. How to use HTML for Webpage. How to use Basic HTML Tabs? Creating first HTML program. Create webpage Using HTML in Hindi Web Designing and HTML. How to use HTML for Web Designing. HTML Hindi Notes. Using HTML in Hindi. Basic HTML Tags, HTML Structure.
एच.टी.एम.एल. क्या है? एच.टी.एम.एल. का इतिहास, एच.टी.एम.एल. कैसे सीखे? एच.टी.एम.एल. हिंदी नोट्स, एच.टी.एम.एल. का उपयोग, एच.टी.एम.एल. का वेब डिजाइनिंग में क्या उपयोग है?
|| Theory ||
Practicals
|| Video Tutorials
|| Online Test Series ||