Uniqe Hindi Post

इस वेबसाइट पर विश्व और देश की जानकारी हिंदी मे प्राप्त हो सकती है और यदि आपको कोई भी जानकारी हिंदी भाषा मे चाहिए तो आप हमे नीचे कमेंट कर सकते है। वेबसाइट पर सभी जानकारी इंटरनेट,किताबो अथवा समाचार आदि के स्त्रोतो से ली जाती है।

बुधवार, 26 फ़रवरी 2020

< audio > और < video > टॅग(tag) के बारे मे जानकारी हिंदी मे (IN HINDI)

< audio > और < video > टॅग(tag) के बारे मे जानकारी

ऑडिओ(AUDIO) टॅग का उपयोग किसी भी संगीत को वेबसाइट पर डालने के लिए करते है और इसमे आप बटन भी लगा सकते है जैसे की प्ले बटन,पाउज बटन जिसे कंट्रोल्स(CONTROLS) कहते है और यदि आप इसमे कंट्रोल्स नही दिखाएंगे तो यह वेबसाइट पर दिखेगा ही नही इसलिए कंट्रोल्स(CONTROLS) लिखना बहुत आवश्यक है और आप उसकी जगह पर आप और भी एट्रिब्युट लगा सकते हो जैसे की loop,autoplay,muted,preload आदि। इसका कोड नीचे दिया गया है हमने यहाँ इसे लिखने के दो तरिके दिखाए है। नीचे HTML EDITOR दिया गया है आप वहाँ कोड को लिखकर रन करके देखे।

यह विडिओ(VIDEO) फाईल को वेबसाइट पर लगाने के लिए उपयोग होता है इसमे भी वैसे ही कंट्रोल्स(CONTROLS) होते है जैसे की ऑडिओ मे और वैसे ही एट्रिब्युट होते है जैसे की ऑडिओ के होते है लेकिन इसमे और भी एट्रिब्युट होते है जैसे की height,width,poster आदि। इसका कोड नीचे दिया गया है इसे दो तरह से लिखा जा सकता है।

< article > और < p > टॅग(tag) के बारे जानकारी हिंदी मे (IN HINDI)

< article > और < p > टॅग के बारे जानकारी

यह दोनो टॅग किसी वाक्य या परिच्छेद को लिखने के लिए किया जाता है आप इन दोनो को अलग अलग भी उपयोग कर सकते है। इसका कोड नीचे दिया गया है आप नीचे दिए गए कोड को HTML EDITOR मे रन करके देखे।

< address > TAG के बारे मे जाने IN HINDI (हिंदी मे)

< address > tag के बारे मे जानकारी

यह टॅग पता लिखने के लिए उपयोग किया जाता है यह कैसे लिखा जाता है इसका कोड हम नीचे दिया गया है और आप इसे नीचे दिए गए HTML EDITOR पर रन कर सकते है।

< abbr > और < acronym > टॅग के बारे जानकारी हिंदी मे(< abbr > and < acronym > tag details in hindi) - knowledge in maatrabhasha

< abbr > और < acronym > टॅग के बारे जानकारी हिंदी मे(< abbr > and < acronym > tag details in hindi)

यह टॅग तब उपयोग किया जाता है जब हमने कीसी वाक्य को शॉर्ट फॉर्म मे लिखा हो और हम चाहते है की यदि इसपर माउस को लाया जाए तो यह फुल फॉर्म मे दिखाई देगा।
हम आपको इसका कोड नीचे दिखा रहे है आप इस कोड को ब्राउजर मे रन करके देखे। ऊपर दिए हुए कोड को आप नीचे दिए गए HTML EDITOR लिखे या पेस्ट करे और रन करे।

HTML मे उपयोग होनेवाले < a > एलेमेंट के बारे मे जानकारी (Information on < a > Element Of HTML) - knowledge in maatrabhasha

HTML मे उपयोग होनेवाले < a > एलेमेंट के बारे मे जानकारी (Information on < a > Element/tag Of HTML)

आज हम आपको < a > एलेमेंट अथवा टॅग के बारे मे बतानेवाले है जैसे की वह क्या करता है और उसे कैसे उपयोग किया जाता है तो चलिए जानते है इस टॅग के बारे मे :-

यह एक शब्द को लिंक मे बदल देता है जैसे की आप कीसी वेबसाइट पर गए होंगे तो आपको कई बार यह लिखा हुआ दिखाई देता होगा कि यहाँ पर क्लिक करे और अगली पोस्ट पर या लेख पर जाए और आपके उस शब्द या स्थान को क्लिक करते ही आप दुसरी वेबसाइट या पोस्ट पर चले जाते है या आपको यह कहाँ जाता है की यहाँ दबाकर डाउनलोड करे वहाँ इसी टॅग का उपयोग किया गया होता है यह एक पुरा एलेमेंट होता है। इसमे href="" का उपयोग किया जाता है यह एक एट्रिब्युट है जिसे इस टॅग मे लगाया जाता है और उसमे वेबसाइट या किसी अन्य युआरएल को डाला जाता है और उसके बाद टॅग को बंद करके कुछ भी लिखा जाता है या लिख सकते है और आप जो लिखते वह दर्शको को दिखाई देता है और जब आप उसे क्लिक करते है तो सर्वर आपको उस वेबसाइट के लिंक पर भेज देता है। हम आपको इसका एक कोड दिखाते है की यह किया जाता है यह आसान होता है।

आप इसे नोटपॅड या किसी अन्य इडीटर मे इस कोड को रन करके देखे।

इसमे और भी एट्रिब्युट होते है वह आपके लिए बहुत ही फायदेमंद होते है जैसे की href="" होता है वैसे ही src="" होता है आप इसे भी उपयोग कर सकते है। इसमे आप target="" का उपयोग कर सकते है। target="" के पांच वाल्यु या मुल्य होते है इसके आलावा आप इसमे कुछ भी लिख देंगे तो भी यह कार्य नही करेगा वह पांच इस प्रकार है :-

_self अगर आप इसे लिखते है तो सर्वर दिया हुआ लिंक उसी पेज पर लोड करेगा

_blank यह आपके दिए लिंक को दुसरे पेज या विंडो पर जाकर खुलेगा

_parent इसे लगाते है तो यह अपने से जुडे फ्रेम के खुलेगा

_top इसे लगाते है तो यह उपर के पेज या विंडो पर खुलेगा

framename अगर इसे लगाते है तो यह आपके द्वारा लिंक किए गए डॉक्युमेंट या फ्रेम मे आपके दिए नाम पर खुलेगा

आप नीचे दिए हुए HTML EDITOR मे यह कोड रन करके देखे।

डिव,क्लास और आईडी क्या है HTML मे (WHAT IS DIV,CLASS AND ID ATTRIBUTE IN HTML) -knowledge in maatrabhasha

डीव,क्लास और आईडी क्या है HTML मे (What is class and id attribute in HTML)

1) div :- यह HTML मे बहुत आवश्य्क टॅग(tag) है इसे हम सभी जगह पर उपयोग कर सकते है। इसे लगाने से वेबसाइट पर एक जगह बन जाती है जैसे की आपके पास कोई जमीन है और आप उसे टुकडो मे विभाजित करना चाहते हो तो आप बीच मे एक रेखा यानी कि लाईन खीच दोगे जिससे वह दो हिस्सो मे बट जाएगा और यदि आप उन दोनो हिस्सो मे रेखा खिचेंगे तो उसमे और हिस्से हो जाएंगे और आप उन हिस्सो मे अपना कुछ भी बना या निर्माण कर सकते हो ठिक वैसा ही कार्य डिव टॅग(div tag) करता बस अंतर इतना है की इसे आपको वेबसाइट पर करना हो तो उपयोग करते हो । हम आपको इसका उदाहरण एक फोटो देकर दिखाएंगे।

आपने देखा की डिव(div) का क्या करता है। अगर भविष्य मे यदि आपको इनमे बदलाव करना है तो यह बहुत उपयोगी साबित होते है जैसे यदि आप इन वाक्यो के पीछे के जगह को रंग दे सकते है अब आप सोच रहे होंगे की कैसे यह होगा तो हम आपको बता देते है की ऐसा कुछ एट्रिब्युट से कर सकते है जैसे की पीछे की जगह का रंग बदलनेवाला एट्रिब्युट(attribute) जिसे अंग्रेजी मे background-color एट्रिब्युट(attribute) कहते है और हम इसका ही उपयोग करेंगे इसे bgcolor भी लिख सकते है लेकिन कही-कही आपको पुरा नाम भी लिखना पड्ता है यह रंग(colour) देना आकर्षक बनाना यह सीएसएस(css) का हिस्सा है यह HTML मे उपयोग नही किया जाता लेकिन फिर भी हम आपको यह बताएंगे क्योंकी कोई भी वेबसाइट सिर्फ HTML से नही बनाई जा सकती है। हम आपको इसका उदाहरण एक और फोटो द्वारा देंगे।

जैसा की आप देख रहे होंगे की कैसे पीछे की जगह को रंग किया जाता है इसमे आप समझ गए होंगे की कैसे डिव टॅग(div tag) उपयोगी होता है इसका उपयोग आप समूह को बनाने के लिए करे क्योंकी यह बहुत ही आवश्य्क और सीएसएस(css) के लिए यह बहुत उपयोगी होता है अथवा इसका उपयोग करने से आपका वेबसाइट इंटरनेट(internet) पर बहुत जल्दी खुलेगा क्योंकी ब्राउजर(browser) को एक साथ सारी चीजे यानी की कोड(code) को रिड(read) करके दिखाने मे समय लगता है इससे आपकी वेबसाइट तेज होगी।

2) class :- यह एक एट्रिब्युट(attribute) है जिसे सीएसएस(css) मे उपयोग किया जाता है और इसे आप बहुत सारे एलेमेंट(element) को एक साथ सभी मे एक जैसा व्यवहार कराया जाता है। उदाहरण के लिए जैसे किसी पाठशाला मे बहुत सारे विद्याथी होते है जिन्हे अलग-अलग शिक्षा दी जाती है वर्ष और शिक्षा के हिसाब से और उन्हे अलग-अलग नामो से अलग-अलग किया जाता है जैसे पहली कक्षा,दुसरी,तीसरी और चौथी कक्षा और यदि उस पाठशाला के प्रधानाचार्य को पहली के छात्रो को छुट्टी देना है तो वह पहली कक्षा का नाम लेंगे और पहली कक्षा मे जितने भी छात्र होंगे उनकी छुट्टी कर दी जाएगी ठिक वैसे ही इसका कार्य होता है यदि आपने बहुत सारी कोडिंग(coding) की है वेबसाइट के लिए और आपको वेबसाइट मे बदलाव करना है और आप चाहते हो की कुछ ही कोडिंग(coding) मे बदलाव हो तो ऐसे मे क्लास(class) इस एट्रिब्युट(attribute) उपयोग किया जाता है इसे आपको डिव टॅग के अंदर क्लास(class) लिखकर उसका कोई मुल्य दे दे और इसे आप बाद मे स्टाईल टॅग(style tag) को हेड टॅग(head tag) के अंदर टाईप(type) करना है और उसमे क्लास(class) का नाम लिखकर उसी के पास मे कोष्ट्क(bracket) बनाकर उसमे लिखना होता है और वह कोड आपने जिस-जिस कोड मे वह क्लास और उसका मुल्य होगा उसमे बदलाव हो जाएगा इससे समय और मेहनत बचती है और ज्यादा कोड नही करना पडता है एक बार लिखने के बाद सभी पर एक साथ प्रभाव होता है।

इस कोड को आप देखकर समझ ही गए होंगे की कैसे क्लास टॅग का उपयोग किया जाता है और अब इसे रन करने के बाद कुछ ऐसा परिणाम आता है।

3) id :- आईडी(id) का उपयोग भी क्लास(class) की तरह ही है अब हम आपको उदाहरण द्वारा समझाते है जैसे की आपने पाठशाला का उदाहरण देखा होगा अब उसे ही यहाँ आगे बढा रहे है प्रधानाचार्य ने पहली कक्षा के छात्रो को छुट्टी दे दी लेकिन अब प्रधानाचार्य उस कक्षा से एक छात्र को छुट्टी नही दे रहे है तो प्रधानाचार्य को यह बात उस छात्र हो कहनी है तो वह कैसे कहेंगे प्राधानाचार्य उस कक्षा मे स्थित उस छात्र का नाम लेंगे और कहेंगे ठिक वैसे ही आईडी(id) का कार्य होता है इसे वैसे ही लिखा जाता है जैसे क्लास(class) को लिखा जाता है इसे स्टाईल टॅग(style tag) मे दर्शाने के लिए # इस चिन्ह का उपयोग करते है। उदाहरण के लिए फोटो देखे।

इस प्रकार आईडी टॅग(id tag) का उपयोग किया जाता है आप आईडी(id) मे कुछ भी नाम दे सकते है कोई विशेष नाम नही दिया जाता है इसमे कुछ भी नाम दे सकते है और क्लास(class) मे भी इसी प्रकार होता है। हम इस कोड का परिणाम(result) दिखा देते है।

इसी प्रकार इनका उपयोग होता है और यह बहुत जरुरी विषय है HTML मे।

HTML सीखे हिंदी मे (LEARN HTML BASICS IN HINDI) - Knowledge in maatrabhasha

HTML सीखे हिंदी मे (LEARN HTML IN HINDI)

HTML के बारे मे

HTML यह भाषा एक हाईपर टेक्स्ट मार्कअप भाषा(hyper text markup language) है जिससे वेबसाइट का निर्माण करने के लिए किया जाता है और यह एक बहुत ही आसान भाषा है जिसे वेबसाइट बनाने के लिए सबसे पहले सीखना चाहिए। आप यह भाषा सीखने आप कम्प्युटर मे नोटपॅड(notepad) या नोटपॅड++(notepad++) का उपयोग कर सकते है या यदि आप इसे पहली सीख रहे है तो आप इन्ही का उपयोग करे। अगर आप एक वेबसाइट बनाते है तो आपको तीन भाषाओ का ज्ञान थोडा बहुत तो होना ही चाहिए। वेबसाइट बनाने के HTML यह एक ढांचे का काम करता है जैसे की वेबसाइट का रंग और उसपर मौजुद कोई चित्र(image) कहाँ लगाना है उसमे मदद करता है यह ऐसा है जैसे की कोई शरीर बिना हड्डी के ढांचे(skeleton) बिना नही होता वैसे ही यह होता है बाद मे इसे आकर्षक बनाने के लिए सीएसएस(CSS) का उपयोग करते है जिससे एक वेबसाइट आकर्षक(responsive,attractive) दिखती है और यदि आप अपनी वेबसाइट को और अच्छा दिखाना चाहते है तो आपको जावास्क्रिप्ट(JAVASCRIPT) की जरुरत होगी। किसी वेबसाइट को दो भाषाओ द्वारा भी बनाया जाता है और वह HTML और CSS है इनसे किया जाता है।

HTML मे जो भी अक्षर या शब्द < > मे होता है वह चालू टॅग(opening tag) होता है और इसका एक बंद टॅग(closing tag) होता है जिसे < / > इस प्रकार दर्शाया जाता है इसके अलावा कुछ और टॅग भी होते है जिसे बंद टॅग की जरुरत नही होती है इसके बारे मे हम आपको बाद मे बतायेंगे अभी हम आपको इसके मुल यानी की बॅसिक(basic) के बारे मे बतानेवाले है।

अब आप जैसे ऊपर कुछ और टॅग दर्शाए गए है हम आपको एक-एक करके बतानेवाले है।

1)< !doctype html > :- आपने यह चित्र मे सबसे ऊपर देखा ही होगा यह किसी भी वेबसाइट(website) मे लगता ही लगता है जब वह HTML का होता है तो और HTML यह सभी वेबसाइट मे लगाना ही पडता है इससे यह पता चलता है सर्वर(server) को की यह जो डॉक्युमेंट(document) है वह HTML का है इसमे !doctype लिखकर HTML लिखना होता है आप जब HTML लिखते है तो सर्वर को यह पता चलता है की यह डॉक्युमेंट HTML भाषा मे है। यह टॅग़ आपको हमेशा शुरुआत मे ही लिखना होता है।

2) html :- यह टॅग आपने चित्र मे देखा है अब हम आपको इसका मतलब बताते है यह टॅग़ HTML को शुरुआत को दर्शाता है की जो भी प्रोग्रामिंग कोड है आपको इसके अंदर लिखना है यदि आप इस टॅग के बाहर आप जो भी कोड(code) लिखेंगे तो वह आपकी वेबसाइट पर दिखाई नही देगा आपको इसके अंदर ही लिखना है। यह टॅग जहाँ शुरु हो रहा है और जहाँ यह बंद हो रहा है उसके अंदर ही लिखना होगा। जैसा की यहाँ बताया गया है < html > चालू टॅग है और इसे बंद करने के लिए < / html > है।

3) head :- < head > यह टॅग भी आपको सबसे ऊपर लिखना है और यह ऊपर ही लगाया जाता है। यह इसलिए लिखना है जैसे की आप किसी शरीर का चित्र बना रहे है तो आप कभी-भी सिर(head) से शुरु करते है वैसे ही यहाँ पर भी आप head टॅग का उपयोग करके सिर से शुरु करना है और आप इसमे आपको इसके अंदर कुछ और शब्द दिखाई दे रह्र होंगे जैसे की meta यह HTML डॉक्युमेंट के बारे मे दर्शाता है और इसमे जो charset="utf-8" लिखा है वह यह बताता है की आपका जो डॉक्युमेंट है उसमे सभी भाषाओ(languages) का उपयोग हो रहा है इसमे charset कीसी भाषा को दर्शाने के लिए उपयोग किया जाता है और utf-8 का अर्थ है सभी भाषा यानी की आपको सभी भाषाओ का उपयोग अपने डॉक्युमेंट मे करना है तो इसे ही लिखना होगा। अब आप title टॅग देख रहे होंगे यह अपके डॉक्युमेंट का टाईटल(title) यानी की शीर्षक(heading) लिखने के लिए उपयोग किया जाता है और आपके डॉक्युमेंट का नाम आपको देना होगा वह आप इसके अंदर लिखना होता है और यह किस प्रकार दिखाई देता है उसे हम आपको एक फोटो मे दिखाएंगे। इन दोनो टॅग(head,title) को यदि आप चालु करते है तो उसे बंद भी करना पडता है हमने फोटो मे किया है और meta टॅग यह खुला हुआ टॅग(opening tag) है इसे बंद नही करना पड्ता है ।

जैसा की आपने देखा ऊपर फोटो मे की < title > html code < / title > लिखने पर वह कहा आता है और आपका डॉक्युमेंट(document) जिस किसी भी विषय पर है यहाँ पर आपको थोडा-सा बताना पडता है जैसे की आप किसी कहानी या पाठ का नाम लिखते है यह वैसा ही है।

3) body :- यह टॅग बहुत जरुरी टॅग है जब भी हमे वेबसाइट के पेजपर कुछ दर्शाना होता है तो हम उसे इसके अंदर लिखते है। यह टॅग और ऊपर दिए गए सभी टॅग(tag) बहुत ही आवश्यक और है,जबतक हम इस टॅग का उपयोग या इसे लगाते नही तब तक हमे वेबसाइट(website) पर कुछ दिखाई ही नही देगा और लगाने के बाद हम जो चाहे वह वेबसाइट पर दिखा सकते है इस टॅग को भी बंद करना पडता है । हम आपको एक और फोटो द्वारा उदाहरण देते है की कैसे यह होता है।

अब हम आपको एट्रिब्युट(attribute) और इलेमेंट(element) के बारे मे बतानेवाले है हम आपको यह नीचे दिए गए फोटो(image) मे यह दर्शाने वाले है।

5) element :- हम टॅग को ही इलेमेंट(element) कहते है और एक टॅग(TAG) के अंदर बहुत सारे टॅग(tag) हो सकते है या होते है और जिसे हम चालु टॅग(opening tag) कहते है जिसका कोई बंद टॅग(closing tag) नही होता है उसे यहाँ empty element कहते है।

6) attribute :- जिसे हम टॅग के अंदर लिखते है उसे हम attribute कहते है जैसा की फोटो मे दिया गया है उसे ही attribute कहते है और इसका एक मुल्य होता है जिसे इसके अंदर लिखा जाता है यह कुछ भी हो सकता है जैसे यह अक्षर,संख्या वाक्य भी हो सकता है जिसे वॅल्यु(value) अथवा हिंदी मे गुण कहते है इसे आप गुण कह सकते है जैसे की किसी इंसान कि मोटाई ज्यादा होती है किसी की लंबाई ज्यादा होती है और कोई मानव विशेष गुणो से सपन्न होता है ठिक वैसे ही यह attribute होता है इसका उपयोग करके आप किसी भी टॅग मे इसका उपयोग करके उसे मन चाहा आकार दे सकते है और भी बहुत कुछ करवा सकते है। width यह एक attribute या गुण का नाम है जिसे आप किसी टॅग की मोटाई बढाने या उसे मोटाई दे सकते है वैसे ही height होता है जिससे आप लम्बाई दे सकते हो आपको बस यह इस प्रकार लिखना होता है width="100px" जैसे की बताया गया आपको attribute का नाम लिखकर उसमे उसका आकार लिखना होगा कि वह कितना बडा होगा जैसे की 100ps,50px,500px आप जितना चाहे उतना दे सकते है।

सदस्यता लें संदेश (Atom)