सीधे मुख्य सामग्री पर जाएं

HTML सीखे आसानी से हिंदी में

 



HTML सीखे आसानी से हिंदी में


आज के इस ब्लॉग में हम HTML को सीखने वाले है। 
और HTML के basic tag को जानने वाले है और इस language को किस तरह से इस्तेमाल किया जाता है इस को बड़े ही आसान तरीके से समझने वाले है तो चलिए शुरू करते है आज का ब्लॉग। 

HTML क्या है ? What is HTML in Hindi


⃝     HTML एक ऐसी भाषा है जिस की मदद से हम वेबसाइट बना सकते है इसे सीखना बेहद आसान है और अगर आप एक सफल वेब डेवलपर बनना चाहते है तो आप इस भाषा से अपनी इस सफर को शुरू कर सकते है 

⃝      बिना HTML Code के कोई भी वेबपेज Design नही किया जा सकता इस समय जिस पेज को आप अपन Screen पर देख रहें है इसे भी बनाने के लिये HTML Language का Use किया है।

HTML File का Extension .html होता है।

इस का मतलब है की जब भी आप कोई भी HTML का कोई कोड कही लिखेंगे तो आप जब अपनी फाइल को सेव करेंगे तब आपको जो भी अपनी फाइल का नाम लिख कर उसके बाद में आप को .html लिखना होगा 


HTML को लिखने के लिए दो टूल्स की ज़रुरत होती है जो आज कल सभी कंप्यूटर और लैपटॉप में पहले से ही होते है - 

Text Editor (जैसे Notepad, Notepad++, Dreamweaver, Coffee Cup आदि)
Web Browser (जैसे Internet Explorer, Google Chrome, Firefox, Safari, Opera आदि)


आप को बिलकुल भी घबराने की ज़रुरत नहीं है आज से ही आप इस भाषा को सिखने वाले है 
तो इसके लिए सबसे पहले आप को अपना कोड एडिटर नोटपैड खोल लेना है। 




हाँ तो अब आपको इस में अपना नाम या कुछ भी टाइप कर लेना है तो जैसा की आप देख सकते है की में यहाँ मेरा नाम लिख लेता हूँ 


अब आपको इस फाइल को सेव कर लेना है .html के नाम से जैसे की में सेव कर लेता हूँ index.html 





अब सब से पहले क्यूंकि आप शुरुआत से सिख रहे है तो आपको html के बॉयलर प्लेट के बारे में पता होना चाहिए तो चलिए समझते है 

HTML Document Structure

यह भाषा Tag base language है 
इसमें mainly दो तरह के  tag  होते है 
एक होता है = Opening tag < >
दूसरा  होता है  = Closing tag </>
 
नीचे दिए गए Code को कॉपी कर के अपने नोटपैड में पेस्ट कर ले 

<html>
 <head> 
<title>My First HTML Document</title> 
</head>
 <body> 
<h1>This is heading</h1> Hello World!!! 
</body> 
</html>

copy  कर लेने के बाद आप अब इसे save कर ले ctrl + s
अब आप इस फाइल को पर क्लिक करे 


अब आपको कुछ इस तरह का पेज दिख रहा होगा 
ये रही आप की पहली वेबसाइट जो की आप ने बना ली है तो इसके लिए बधाई हो 
आज के इस ब्लॉग में इतना ही अगले ब्लॉग में हम आगे की चीज़ो को सिखने वाले है 
अगले ब्लॉग में हम इस कोड को समझने वाले है जो की हमने आज लिखा है क्यों की ज़्यादा लोड अपने आपको नहीं देना चाहिए इस लिए आपको जितना हज़म हो उतना हे ज्ञान लेना चाहिए 



टिप्पणियाँ

इस ब्लॉग से लोकप्रिय पोस्ट

HTML Structure क्या है ? HTML in Hindi

 HTML Structure क्या है ? HTML in Hindi आज के इस ब्लॉग में हम बात करने वाले है HTML के structure को समझने वाले है तो चलिए शुरू करते है  <html > tag से ही html को शुरू करते है इसके लिए कल के ब्लॉग में हमने html के structure को देखा था अगर आपने अभी तक कल का ब्लॉग नहीं पढ़ा है तो पहले उसे जाकर पढ़ सकते है  kal ka blog कल के ब्लॉग में हमने हेलो वर्ल्ड प्रिंट किया था तो आज के ब्लॉग में हम html के structure को समझने वाले है  <Html>  इस टैग को html का opening टैग कहते है और </Html>  इस टैग को html का closing टैग कहते है  इन दोनों में ज़्यादा फर्क नहीं है बस एक simple का ही फर्क है वो है /  ज़्यादा कंफ्यूज होने की ज़रुरत नहीं है जो भी टैग होता है उसे <> पहले इन दोनों चिन्हो में लिखना होता है वो हो जाते है opening tag और जो </  > इस में लिखा जाता है उसे closing tag कहते है  तो अब हम अपने Notepad को चालू कर लेते है  और इसके बाद इसमें हम simply ये tag कोड लिख लेते है  इसके बाद हम एक और ट...

Html में टूलटिप कैसे इस्तेमाल करते है ? How to use tooltip in html

  Html में टूलटिप कैसे इस्तेमाल करते है ? How to use tooltip in html                                       हेलो दोस्तों हाँ मुझे पता है सब मेरे दोस्त नहीं है चलो छोडो  आज के इस ब्लॉग में हम सिखने वाले है Html में tooltip को कैसे सीखते है  अब अगर इस नाम को पहली बार सुन रहे हो तो कोई बात नहीं टेंशन नहीं लेने का भाई ने बोला ना तो बस करने का Ok  Anyway  तो चलिए शुरू करते है तो इसके लिए सबसे पहले आपको अपना html का structure अपने नोटपैड या कोई भी कोड एडिटर में  टाइप कर लेना है इसके बाद आपको एक हैडिंग टैग को ऐड कर लेना है कुछ इस तरह से  यह करने के बाद आपको अपने हैडिंग टैग में एक attribute ऐड करना है जिसे टाइटल attribute कहते है  उसको कुछ इस प्रकार से ऐड करेंगे  अब आपको इसे सेव कर लेना है लेकिन याद रहे की आप इसे .html से सेव करे  इसके बाद आप अपनी इस फाइल को ओपन करेंगे तो आपको कुछ इस तरह का interface  शो होगा  अब आप कहोगे की क्या यार हमजा...