हैलो दोस्तो कम्प्युटर हिन्दी नॉलेज मै आप लोगों का स्वागत है॰
आज मै आप लोगो को एचटीएमएल के बारे मै जानकारी दूंगा॰
कई लोगो को पता होगा की हमारा ब्लॉगर है वो एचटीएमएल भासा को सपोर्ट करता है॰
आप लोगो को एक नमूना दे कर समजाता हु॰
http://computerhindiknowledge.blogspot.in/2015/06/about-us_3.html
लास्ट मै आप लोगो देखे ॰html लिखा है यानि इनका मतलब ये है की हमारा ब्लॉगर एक html को सपोर्ट करता है॰
अब आप लोगो को समाज मै आया होगा की ब्लॉगर को अछि तरह से सीखना है तो उसके पहले हम लोगो को थोड़ा एचटीएमएल पे धियान देना चाहिए॰ तो चलो अब स्टार्ट करते है एचटीएमएल का फ़र्स्ट टूटोरियल अगर आप लोगो को अछा लगे तो मेरी पोस्ट को लाइक जरूर करे॰
एचटीएमएल का मतलब किया होता है॰
एचटीएमएल का पूरा नाम है हाइपर टेक्स्ट मार्कउप लैड्ग्वेज॰
एचटीएमएल कोडिंग डिफ़्रेंट टैग से बना होता है॰
ये टैग किया चीज़ है वो मै आप लोगो को बाद मै कहूँगा॰
एचटीएमएल का उपयोग static ओर डाइनैमिक वेब पेज बनाने मै होता है॰
एचटीएमएल डॉक्युमेंट्स को वेब पेज कहा जाता है॰
एचटीएमएल कोडिंग को लिख ने के लिए हम लोग कोनसे टूल का उपयोग कर ते है ॰
एचटीएमएल कोडिंग को लिख ने के लिए हम लोगो के पास notepad , notepad++, एचटीएमएल एडिटर , ओर भी कई टूल इंटरनेट पर है॰
ये सभी टूल मै क्न्सा टूल सबसे अच्छा है ?
दोस्तो आप को बताना चाहूँगा की notepad++ सबसे अच्छा टूल है॰
अगर आप लोगो notepad++ को download कर न चाहते हो तो नीचे दिये गयी लिंक पे क्लिक केआर के कर सकते है ॰
दोस्तो ये सभी तो एचटीएमएल के बारे मै केवल जानकारी थी अब आप को ये जानकारी दूंगा की एचटीएमएल के जरिये एक सिम्पल वेब पेज केसे बनाते है॰
वेब पेज बनाने से पहले हम लोगो को एचटीएमएल का स्ट्रक्चर केसा होता है वो सीख न पड़ेगा॰
एचटीएमएल का स्ट्रक्चर notepad मै बनाता है तो पहले आप लोग मेरे दिये गए लिंक से notepad++ को डौन्लोड करना न भूले॰
डौन्लोड कर ने के बाद आप लोग notepad++ को इन्स्टाल कर दे अपने पीसी मै॰
अब सबसे पहले आप लोग notepad++ को खोले॰
स्टेप 1 : notepad++ को खोले॰
स्टेप 2 : notepad++ मै एचटीएमएल का स्ट्रक्चर बनाने के लिए आप लोगो को मेरा स्क्रीन शॉट फॉलो करना पड़ेगा॰
स्टेप 3 : दोस्तो स्टेप : 2 के स्क्रीन शॉट मै जो लिखा गया है वो पूरा स्ट्रक्चर का कोडिंग फिर से यहा पै देता हु ताकि आप लोग उसको समाज सके॰
<html>
<head>
</head>
<body>
</body>
</html>
स्टेप 4 : अब आप को सिर्फ ये कोडिंग को एक एचटीएमएल वेब पेज मै सेव करना है ॰
प्रोसीजर 1 : क्लिक फ़ाइल उस के बाद सेव पर क्लिक करे॰
प्रोसीजर २ : अब आप स्क्रीन शॉट मै दिखाये गए बॉक्स को फॉलो करते हुए
फ़ाइल को demo॰html से नाम पै सेव करे॰
सेव आप काही भी कर सकते है मै ने स्क्रीन शॉट मै डेस्कटॉप पै किया है॰
दोस्तो demo॰html है वो एक वेब पेज है अभी खोल कर देखे तो सीधा ब्राउज़र खुल जाएगा पर कुछ दिखे गा नही क्यू की ये तो सिर्फ एचटीएमएल का स्ट्रक्चर है॰
अगली पोस्ट मै आप को वेब पेज रन कर के दिखाऊँगा केसा होता है एक वेब पेज॰
दोस्तो याद रखे की एचटीएमएल सभी ब्राउज़र को सपोर्ट करता है॰
चलो अब जानते है की एचटीएमएल के स्ट्रक्चर कोडिंग किया है ?
<html>..........</html>
<html> का मतलब एचटीएमएल को स्टार्ट करने के लिए ये कोड को लिखा जाता है॰
<head> का मतलब एचटीएमएल का जो बनाया गया वेब पेज है उसको टाइटल , स्टाइल , स्क्रिप्ट इन सभी की कोडिंग <head>...</head> के बीच मै लिखी जाती है अगली पोस्ट मै हैड के बारे मै ओर जानकारी दूंगा॰
</head> का मतलब हैड को स्टॉप कर ने के लिए ये कोड लिखा जाता है॰
<body> का मतलब एचटीएमएल का जो बनाया गया वेब पेज है उसको जो भी कंटैंट होता है वो सभी कंटैंट कोडिंग को हम लोगो को बॉडी पार्ट के बीच मै लिखना पड़ता है॰
</body> का मतलब बॉडी को स्टॉप कर ने के लिए ये कोड लिखा जाता है॰
</html> का मतलब एचटीएमएल को स्टॉप करने के लिए ये कोड को लिखा जाता है॰
नोट : दोस्तो ये सभी कोड notepad++ मै एक ही बार लिखना है ओर यहा दिये गया स्ट्रक्चर को फॉलो कर के आप लोगो सीखना है॰
ओर एक बात बताता हु की जो भी टैग हो या ओर कोई भी कोड हो तो स्टार्ट करे ओर उसके बाद उसका स्टॉप करे तभी पूरी तरह से कोडिंग कंप्लीट होगा जो आप लोगो कोडिंग पूरा नही किया तो आप का वेब पेज मै error आ जाएगी ओर वो पेज ठीक तरह से नही दिखे गा॰
दोस्तो इस पोस्ट के लिए इतनी काफी है जानकारी अगली पोस्ट मै आप को टैग के बारे मै ओर वेब पेज केसे बनाते है उनकी जानकारी दूंगा सायद अभी आप को कुछ समाज मै ना आए बूट मेरी ओर पोस्ट को समजो गै तो आप को एचटीएमएल अच्छी तरह से सीख सकेंगै ओर एचटीएमएल सीख ने बाद आप लोग अपना खुद का ब्लॉग बना सकेंगै॰
दोस्तो अगर मेरी पोस्ट आप लोगो को समज मै ना आए तो मौजे मेल कर सकते है ओर कांटैक्ट फॉर्म मै प्रोब्लेम लिख के भेज सकते है॰
ओर मौजे कमेंट भी कर सकते है॰
मै आप लोगो की हेल्प जरूर करूंगा॰
अगर मेरी साइट आप लोगो को पसंद आए तो अपने फ्रेंड के साठे शेर करे ओर लाइक करे॰
धन्यवाद॰
nyss post plz visit achhijankari.blogspot.com
ReplyDeleteAn excellent article on basic knowledge of HTML
ReplyDeletethanks sampat kumari
ReplyDeletehtml css वेब डिज़ाइन कोड उदाहरण
ReplyDeleteडिव पैडिंग मार्जिन फ्लोट चौड़ाई ऊंचाई नमूना
pansari ji technical
ReplyDeleteI wish more writers of this sort of substance would take the time you did to explore and compose so well. I am exceptionally awed with your vision and knowledge.
ReplyDelete