Latest News

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Sunday, 9 August 2015

HTML मे image केसे अपलोड करते है॰




हैलो दोस्तो कम्प्युटर हिन्दी नॉलेज मे आप लोगो का स्वागत है॰आज मे आप लोगो के लाया हु की जब हम वैबसाइट या वेब पेज बनाते है तो हम ने क्यी सारी वैबसाइट मे दिखा है की वैबसाइट पर क्यी सारी इमेज दिखाई देती है तो दोस्तो हम लोगो को मन मे होता है की ये सारी इमेज वैबसाइट पर आती केसे है॰


आज मै आप को समजाता हु की लोग अपनी वैबसाइट पर इमेज को क्यो अपलोड करते है॰ दोस्तो जब हम लोग अछि ओर सबसे जियादा बेस्ट वैबसाइट बनाते है तब हम लोगो को कई सारे एनिमेशन, इमेज,विदगेट ये सब एड़ करना पड़ता है जब आप लोग प्रोपर इमेज को अपलोड करते है॰ तब आपकी बनाई वैबसाइट ओर टेंप्लेट बेस्ट दिखाई देती है॰ कम्प्युटर की दुनिया मे इमेज एक ऐसी चीज़ है जो हमारे साथ हर व्क़त काम आती है॰


अब जीदा समय न लेते हुये मै बताता हु की एक वेब पेज मे हम लोग केसे इमेज को अपलोड कर सकते है॰


स्टेप 1 : आप लोग सबसे पहले notepad को खोल कर रखे॰



स्टेप 2 : अब आप लोग नीचे दिये गए कोड़ को कॉपी कर के notepad मे पेस्ट कर
<html>
      <head>
            <title>Demo Image</title>
      </head>
      <body>
            <center>
                  <img src = "demo.jpg" width="500px" height="500px" color="black"/>
            </center>   
      </body>
</html>



स्टेप 3 : अब आप लोग ये नोटपेड की फ़ाइल को सेव कर दो ओर सेव करने के लिए आप लोग मेरी नीचे दी गयी पोस्ट को जरूर पढे॰


स्टेप 4 : दोस्तो अब सेव की गयी फ़ाइल को अपने ब्राउज़रमे खोले ओर देखेंगे तो आप के सामने एक image नजर आए गी॰ नीचे स्क्रीन शॉट जरूर देखे॰





 तो दोस्तो आज हम लोगो ने सीखा की एचटीएमएल का उपयोग कर के हम लोग केसे image को अपलोड करते है अपने ब्लॉग मे ओर साइट मे॰

दोस्तो आप लोगो को मेरी सभी पोस्ट पसंद आती है तो मुजे मेल करे शेर करे अपने दोस्तो के साथ ओर कुछ कमेंट भी जरूर दे ताकि मुजे पता चले की आप लोगो को किस तरह का नॉलेज चाहिए॰
दोस्तो ओर एक बात अगर आप लोगो को कम्प्युटर का कोई भी प्रोब्लेम हो तो मुजे मेल करे या मेरे ब्लॉग पे दिये गए chat बॉक्स मे जरूर लिखे॰

धन्यवाद॰


Wednesday, 8 July 2015

HTML PART - 3



कम्प्युटर हिन्दी नॉलेज मै आप सभी लोगो का स्वागत है॰
आज मै आप को एचटीएमएल मै TITLE टैग के बारे मै जानकारी दूंगा॰
आप को मै ने पार्ट 1 ओर पार्ट 2 मै मैंने एचटीएमएल के बारे मै ओर heading टैग के बारे मै जानकारी दी॰
दोस्तो आज ओर एक टैग लेकर आया हु जिंका नामे है title टैग॰
TITLE टैग का ऊपयोग हम लोग वेब पेज जब भी बनाते है तभी हम उसका ऊपयोग करते है॰
TITLE टैग का ऊपयोग जो एचटीएमएल का वेब पेज होता है उनको नाम देने के लिए किया जाता है॰
दोस्तो अभी भी आप लोगो को समज मै नही आया होगा चलो मै स्क्रीन शॉट देके समजाता हु॰
आप जब भी मेरा ब्लॉग खोलते होंगे तब आप को मेरी साइट का टाइटल नजर मै आएगा॰
आप लोग सोच रहे होंगे की हमारे भी ब्लॉग है तो हमारे साइट पाई क्यू नही आता है टाइटल तो दोस्तो इस पोस्ट को पढ़कर आप लोग भी सीख सकते है की केसे हमारे वेब पेज को टाइटल केसे देना है॰
चलो अब मै आप लोगो को syntax देता हु टाइटल टैग की॰
<title>कम्प्युटर हिन्दी नॉलेज</title>
दोस्तो स्यंताक्ष का मतलब ये होता है जब भी वेब पेज बनाना हो आप को वो syntax तो लिखनी ही पड़ती है बिना syntax लिखे आप को आउटपुट दिखाई नही देगा॰
चलो अब हम जानते है की वेब पेज को टाइटल केसे दे॰

स्टेप 1 : notepad को खोले॰


स्टेप 2 : नीचे दिये गए कोड़े को कॉपी करे ओर अपने notepad मै पेस्ट करे॰
<html>
<head>
       <title>कम्प्युटर हिन्दी नॉलेज</title>
</head>
<body>
</body>

</html>



दोस्तो धियान रखे की title टैग <head>……….</head> के बीच मै ही लिख न है अगर आप लोग बीच मै नही लिखो गै तो आप वेब पेज को टाइटल नही मिलेगा॰


स्टेप 3 : अब सेव कर दो दोस्तो आप लोगो को मै ने बताया है की एक वेब पेज बनाने के लिए कोडिंग को सेव केसे करते है ॰

स्टेप 4 : दोस्तो अब जो भी आप ने वेब पेज बनाया है उनको आप लोग खोलो॰




दोस्तो अब आप के वेब पेज को भी लग गया है एक title तो देर किस बात की जल्दी से मेरे पोस्ट को रीड करे उसको फॉलो करे ओर अपने वेब पेज को एक अलग से नाम दे ताकि लोग जब देखे तो उनको समज मै आए की ये साइट कोनसे कान्सैप्ट पर बनाई गयी है॰
दोस्तो ठीक से एचटीएमएल को जान ने के लिए आप लोग पार्ट 1 रीड करना स्टार्ट करे क्यू की डाइरैक्ट ये पोस्ट रीड करो गै तो आप लोगो को कुछ समज मै नही आएगा॰
दोस्तो अगर आप लोगो को ये पोस्ट पसंद आए तो लाइक करे ओर अपने फ़्रेंड्स के साथ शेर भी करे॰
दोस्तो अगर आप लोगो को ये पोस्ट समज मै न आए तो आप मौजे कॉमेंट ओर मेल भी कर सकते है॰
मै आप लोगो की हेल्प जरूर करूंगा॰
धन्यवाद ॰




Wednesday, 24 June 2015

HTML PART - 2



हैलो दोस्तो कम्प्युटर हिन्दी नॉलेज मै आप लोगों का स्वागत है॰
आज मै आप लोगो को एचटीएमएल के बारे मै जानकारी दूंगा॰
आप लोगो ने मेरी पहली पोस्ट को पढ़ा होगा उस मई मेने सिर्फ एचटीएमएल के बारे मई आप लोगो को बताया है॰अगर आप लोगो ने मेरी पहेली पोस्ट को रीड न किया हो तो आप लोग नीचे दी गयी लिंक पाई क्लिक कर के पहले वो पोस्ट को रीड करे॰
दोस्तो html कई सारे टैग से बना हुआ है॰
आज मई आप को एचटीएमएल टैग ओर heading टैग के बारे मई जानकारी दूंगा॰
टैग का मतलब किया होता है॰
टैग का मतलब यही होता है की जो < > एंगल ब्रक्केट्स के बीच जो भी कोड को लिखा जाता है उसको हम लोग टैग कहते है॰
आज मै आप लोगो को एचटीएमएल टैग के बारे मै जानकारी दूंगा॰
आज का हमारा पहेला टैग है heading टैग ॰
Heading टैग का मतलब किया होता है
Heading टैग का मतलब होता है की जब हम लोग कोई वेब पेज को बनाते है तब उस वेब पेज को हम लोग फ़र्स्ट मै heading देते है जेसे समाज लो की मेरे ब्लॉग का heading है कम्प्युटर हिन्दी नॉलेज ठीक है॰
अब जानते कुछ ओर बात heading टैग के बारे मै ॰
Heading टैग के 6 लैवल है॰
जीतने भी अलग अलग लैवल है उस सभी मे टेक्स्ट जो साइज़ अति है वो बदल जाती है॰
Heading टैग का उपयोग कर के हम लोग अलग टॉपिक को अलग हेयडिंग दे सकते है॰
ये केसे होता है वो मै आप को डेमो दे के समजाता हु॰
हेयडिंग टैग को केसे लिखा जाता है॰
<Hn>…………</Hn>
N = 1,2,3,4,5,6
दोस्तो N की जगह पीआर जब हम लोगो को कोडिंग करनी हो तो हम 1,2,3,4,5,6 ऐसे लिखे गै॰
सिर्फ आप लोग कोडिंग को देखो की heading टैग की कोडिंग केसी होती है॰
<H1>Level  1</H1>
<H2>Level  2</H2>
<H3>Level  3</H3>
<H4>Level  4</H4>
<H5>Level  5</H5>
<H6>Level  6</H6>

ऊपर दिये गए कोड को देखो ये सभी कोड को हम heading मै डालते है तब जाकर एक वेब पेज को heading मिलता है वो भी माँ चाहे साइज़ मै॰
चलो अब हम लोग एक वेब पेज बनाते है जिस मै हम heading टैग का उपयोग करेन गै॰
स्टेप 1 : notepad को ओपें करो॰





स्टेप 2 : अब उस मै नीचे दिये गए कोड को लिखे॰
<html>
      <head>
      </head>
      <body>
                  <H1>कम्प्युटर हिन्दी नॉलेज </H1>
                  <H2>कम्प्युटर हिन्दी नॉलेज</H2>
                  <H3>कम्प्युटर हिन्दी नॉलेज</H3>
                  <H4>कम्प्युटर हिन्दी नॉलेज</H4>
                  <H5>कम्प्युटर हिन्दी नॉलेज</H5>
                  <H6>कम्प्युटर हिन्दी नॉलेज</H6> 
      </body>
</html>
स्टेप 3 : अब फ़ाइल पै क्लिक करे ओर फ़ाइल को डेस्कटॉप पै सेव कर दे आप लोगो को पता हे होगा को वेब पेज को केसे सेव करते है मै ने मेरी अगली पोस्ट मै उसके बारे मै जानकारी दी थी॰


स्टेप 4 : अब डेस्कटॉप पे जो वेब पेज सेव किया है उस मै ब्राउज़र का सिम्बल आ जाएगा मेरे स्क्रीन शॉट को देख के आप लोग समाज जाओ गै॰

अब उस पर डबल क्लिक कर के आप को वो वेब पेज खोल न है॰
नीचे दिये गए स्क्रीन शॉट को देखे के आप समाज जाओ गै की किस तरह हम ने heading टैग की मदद से एक वेब पेज बनाया ओर उस को केसे अलग अलग साइज़ मै heading दिया॰


दोस्तो आप लोगो को यहा सब कुछ फ्री मै सीख ने को मिल रहा है कृपा कर के आप इस पोस्ट को शेर करे लाइक करे ओर आप लोगो को ये पोस्ट समाज मै नो आए तो मौजे मेल कर सकते है ओर आप लोग कमेंट भी कर सकते है॰
धन्यवाद॰



Tuesday, 9 June 2015

HTML PART - 1


हैलो दोस्तो कम्प्युटर हिन्दी नॉलेज मै आप लोगों का स्वागत है॰
आज मै आप लोगो को एचटीएमएल के बारे मै जानकारी दूंगा॰
कई लोगो को पता होगा की हमारा ब्लॉगर है वो एचटीएमएल भासा को सपोर्ट करता है॰
आप लोगो को एक नमूना दे कर समजाता हु॰

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 आ जाएगी ओर वो पेज ठीक तरह से नही दिखे गा॰

दोस्तो इस पोस्ट के लिए इतनी काफी है जानकारी अगली पोस्ट मै आप को टैग के बारे मै ओर वेब पेज केसे बनाते है उनकी जानकारी दूंगा सायद अभी आप को कुछ समाज मै ना आए बूट मेरी ओर पोस्ट को समजो गै तो आप को एचटीएमएल अच्छी तरह से सीख सकेंगै ओर एचटीएमएल सीख ने बाद आप लोग अपना खुद का ब्लॉग बना सकेंगै॰

दोस्तो अगर मेरी पोस्ट आप लोगो को समज मै ना आए तो मौजे मेल कर सकते है ओर कांटैक्ट फॉर्म मै प्रोब्लेम लिख के भेज सकते है॰
ओर मौजे कमेंट भी कर सकते है॰
मै आप लोगो की हेल्प जरूर करूंगा॰
अगर मेरी साइट आप लोगो को पसंद आए तो अपने फ्रेंड के साठे शेर करे ओर लाइक करे॰
धन्यवाद॰