HTML Introduction in Hindi | HTML Kyaa he | HTML kya hota he
HTML एक मार्क अप कंप्यूटर लेंग्वेज है जिसकी मदद से वेब पेज बनाया जाता है| HTML की फुल फोम होती है "Hyper Text Mark up Language" Hyper Text का मतलब होता है डाक्यूमेंट्स को आपस में लिंक करना ताकि एक डॉक्यूमेंट से दूसरे डॉक्यूमेंट तक जा सकें| HTML के संदर्भ में डाक्यूमेंट्स का मतलब वेब पेज वा html फाइल हैं तथा HTML के संदर्भ में Hyper Text का मतलब है वेब पेजों को आपस में जोड़ना व लिंक करना|
HTML लैंग्वेज में लिंक बनाने की सुविधा होती है जो कि दूसरी html फाइल्स को पॉइंट करते हैं| इस तरह HTML फाइल्स में लिंक बनाने से एक HTML पेज से दूसरे HTML पेज में जा सकते हैं या ये भी कह सकते हैं कि एक वेब पेज से दूसरे वेब पेज में जाया जा सकता है क्योंकि HTML फाइल्स ही वेब पेज होते हैं|
HTML के संदर्भ में "Mark up Language" ऐसी लैंग्वेज होती हैं जो कि डाटा का डिज़ाइन व रुपरेखा बनाने में इस्तेमाल होती हैं| HTML लैंग्वेज में टैग्स का उपयोग किया जाता है इन्ही टैगों को देखकर ब्राउज़र वेब पेज व html फाइल में मौजूद कंटेंट व डाटा को डिस्प्ले करता है| उदाहरण के लिए अगर टैग <h1> है तो टेक्स्ट बड़े अकार में दिखता है, अगर टेक्स्ट <a> टैग के अंदर है तो ब्राउज़र टेक्स्ट को लिंक बना देता है| टैगों के बारे में हम आगे पढ़ेंगे|
HTML 1991 में Berners-Lee द्वारा बनाया गया था लेकिन HTML की पहली स्टैण्डर्ड स्पेसिफिकेशन 1995 में पब्लिश की गयी थी यह HTML का 2.0 वर्जन था| 1999 में दुबारा HTML का नया वर्जन 4.01 आया| 2012 में HTML 4.01 को एक्सटेंड किया गया और नया वर्जन 5 बनाया गया| अभी वर्तमान समय में HTML 5 ही अधिक इस्तेमाल किया जाता है|
आइये देखते हैं एक बेसिक HTML पेज या वेब पेज कैसे बनता है :-
<!DOCTYPE HTML>
<html>
<head>
<title>This is a Title document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Page Content goes here</p>
</body>
</html>
इस html कोड को कॉपी कर टेक्स्ट एडिटर में पेस्ट कर लें और फाइल के नाम को .html एक्सटेंशन से सेव करें| उदाहरण के लिए अगर फाइल का नाम myfile है तो इसे सेव करना होगा myfile.html अब इस फाइल को ब्राउज़र में खोलें| ब्राउज़र html फाइल को रन कर देगा| जब इस html फाइल को ब्राउज़र में खोलेंगे तो ब्राउज़र इस पेज को कुछ इस तरह से दिखायेगा :-
आइये अब देखते है ऊपर लिखा हुआ html कोड कैसे काम कर रहा है :-
जैसा की ऊपर आप कोड में देख सकते हैं सब जगह टैग्स का ही इस्तेमाल किया गया है| इंटरनेट ब्राउज़र इन्ही टैग्स को प्रोसेस कर पेज में मौजूद कंटेंट को डिस्प्ले करके दिखाता है|
सबसे ऊपर की लाइन में लिखा है <!DOCTYPE HTML> इसे डोक्टाईप कहते हैं| डोक्टाईप ब्राउज़र को बताता है कि HTML के किस वर्जन को इस्तेमाल किया गया है| <!DOCTYPE HTML> यह डोक्टाईप html5 का है| HTML 4 वर्जन के लिए यह डोक्टाईप इस्तेमाल किया जाता है <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/strict.dtd">
html का जितना भी कोड लिखा जाता है वह <html> टैग के अंदर लिखा जाता है हर एक टैग का ओपनिंग टैग और क्लोजिंग टैग होता है उदाहरण के लिए html टैग का ओपनिंग टैग होगा <html> और इसका क्लोजिंग टैग होगा </html>| html टैग के अंदर ही सारा html का कोड लिखा जाता है|
html टैग के अंदर दो टैग लिखे जाते हैं पहला head टैग और दूसरा body टैग| head टैग के अंदर पेज का टाइटल लिखा जाता है टाइटल ब्राउज़र के ऊपरी हिस्से में दिखता है| दुसरा टैग है body टैग इस टैग के अंदर ही वेब पेज का कंटेंट लिखा जाता यही कंटेंट ब्राउज़र की स्क्रीन में दिखता है कंटेंट में बहुत कुछ मौजूद हो सकता है जैसे टेक्स्ट, फोटो, वीडियो फाइल, ऑडियो फाइल, लिंक्स आदि|
अगली पोस्टों में हम सीखेंगे कि HTML टैगों का स्ट्रक्चर क्या होता है, कौन कौन से टैग html फाइल्स में उपयोग किये जाते हैं, व html टैग कैसे काम करते हैं|
वेबमास्टर्स के लिए html नमूना कोड
ReplyDeleteलोगो फ्लोट सही HTML नमूना कोड