इस article में आप जानेंगे कि HTML, CSS, PHP क्या हैं और आपके लिए इनका क्या use है. यह basically beginners के लिए एक guide है जोकि HTML, CSS या फिर PHP के बारे में जानने के लिए interested है और इन्हें सीखना शुरू करना चाहते हैं.

HTML

HTML की full फॉर्म है, Hyper Text Markup Language. यह एक ऐसी language है जोकि web pages और web applications को बनाने के काम में आती है. आम तौर पर HTML को CSS और Javascript जैसी दूसरी technologies के साथ use किया जाता है और फिर World Wide Web के माध्यम से पूरी दुनिया में websites का संचार चलता रहता है. हमारे web browsers में खुलने वाली almost हर एक चीज़ के पीछे एक HTML document ही होता है. दूसरे शब्दों में कहें तो Web browsers HTML documents को open करते हैं. HTML किसी भी एक webpage का structure define करता है और यह निश्चित करता है की page में क्या कैसे दिखेगा.

HTML pages के building blocks HTML elements होते हैं. जैसे की यदि आप किसी भी web page में कोई image देखते हैं तो उसके पीछे <img> element का प्रयोग होता है जोकि basically HTML में Image Tag कहलाता है. ऐसी ही basic paragraph के लिए <p> tag use होता है. इसी प्रकार और बहुत से tags होते हैं जिनको use करके पूरा webpage बना होता है. यदि आपका एक blog है या website है, जोकि WordPress पर बना है तो शायद आपको कभी इन tags को use करने की या फिर HTML में कोडिंग करने की ज़रुरत अभी तक न पड़ी हो. ऐसा इसलिए क्योंकि WordPress जैसे CMS को बनाया ही इस तरीके से गया है की ये non-techy लोगों के लिए useful हों. पर actual में WordPress भी आपके द्वारा दिए गए input को HTML में convert करके लोगों को दिखता है. HTML documents का file extension .html या .htm होता है. लेकिन आप कहेंगे की सभी websites के साथ .html या .htm तो लगा नहीं होता लेकिन वो होते HTML documents ही हैं, उसके बारे में भी आप जन-जायेंगे यदि आप इसे सीखना शुरू करेंगे.

यदि आप HTML के बारे में इससे पहले कुछ नहीं जानते थे, तो शायद आपको ये चीज़ें अभी confuse कर सकती हैं, लेकिन आपको चिंता करने की कोई भी आवश्यकता नहीं हैं, क्योंकि अब HTML के बारे में बहुत से resources online available है, जिससे कोई भी beginner बस कुछ ही दिनों में HTML expert बन सकता है.

HTML basically Internet का एक standard है जिसके rules निर्धारित करना, W3.org का काम है. जो नियम इन्होने बनाये हैं, वही rules HTML आधारित versions में पूरी दुनिया में एक standard के रूप में प्रयोग होते हैं. अभी HTML का latest version HTML 5 है.

यदि आप HTML सीखना चाहते हैं तो हमने आपके लिए नीचे एक HTML Tutorials की Playlist दी है जिससे की आप हिंदी भाषा में HTML को सीख सकते हैं:

CSS

CSS की full-form होती है, Cascading Style Sheets. जैसे HTML किसी भी web page का structure define करता है, उसी प्रकार CSS एक ऐसी language है जिससे की आप किसी भी web page को styling दे सकते हैं. हालाकि HTML की मदद से भी हम अपने webpages को styling दे सकते हैं लेकिन केवल एक limit तक. अपने webpage को अत्यंत अच्छा और बढ़िया बनाने के लिए हमें HTML के साथ-साथ CSS को use करने की आवश्यक्ता होती है.

दुनिया भर की websites HTML को use करके अपने webpage का structure define करती हैं और फिर CSS से styling करके बढ़िया दिखती हैं. CSS को तीन तरीके से use किया जाता है, एक तरीका है की HTML document में ही <style> tag को use करके internal CSS का use, दूसरा तरीका है किसी भी HTML tag या element में style attribute का use करके inline CSS लगाना और तीसरा तरीका है की CSS के लिए एक अलग file create करना और उसमे CSS लिखना. इसे external CSS stylesheet कहते हैं और इसका extension .css का होता है. External CSS का फायदा ये होता है की आप एक ही CSS file हो multiple HTML pages पर implement करके multiple pages की styling एक ही बार में कर सकते हैं.

CSS में आप tags या HTML elements को select करके उनको अलग-अलग style देते हैं. जैसे कि यदि आपने किसी paragraph का background colour change करना हो तो उस tag को select करके उसमे CSS की background color change करने की property को लगाना.

हिंदी भाषा में CSS को सीखने के लिए आप YouTube की नीचे दी गयी playlist को देख सकते हैं.

Static Vs Dynamic Websites

PHP के बारे में जाने से पहले आपको Static और dynamic Websites के फरक को समझना होगा.

केवल HTML और CSS का प्रयोग करके बनी websites को हम static websites कहेंगे क्योंकि इनको use करके हम static webpages create करते हैं यानी की एक बार हमने जो कोडिंग लिख दी वो fix होती है और उसी हिसाब से हर बार web browser में same चीज़ ही open होती है. लेकिन हर बार ऐसी websites की आवश्यक्ता नहीं होती है. अक्सर हमें dynamic websites की आवश्यक्ता होती है. Dynamic websites ऐसी websites होती हैं, जिनमे user के हिसाब से content change होता रहता है. WordPress CMS से हम dynamic websites ही create होती है. Dynamic websites में अक्सर हमारी साईट की files के साथ-साथ एक database का प्रयोग होता है.

आप static और dynamic में फ़रक ऐसे समझ सकते हैं की static websites का content सभी के लिए same होता है और न ही उनमे किसी प्रकार के database का प्रयोग होता है. दूसरी तरफ dynamic websites में Database का प्रयोग होता है.

PHP

केवल HTML और CSS के प्रयोग से हम database को access नहीं कर सकते. उसके लिए हमें किसी न किसी server side scripting language की ज़रुरत होती है. PHP एक server side scripting language है जिसका प्रयोग अक्सर database connectiviy के लिए होता है. PHP की full-form है, Hypertext PreProcessor. ये एक ऐसी language है जिसका code HTML में user को show नहीं हो सकता. इसका code केवल web developer ही देख सकता है और वो भी server को access करके. PHP code server के resources को use करता है और फिर अपना काम करता है. HTML code को execute होने के लिए केवल user end के resources की जरूरत होती है. लेकिन PHP केवल server side ही run कर सकती है.

PHP से आप किसी भी तरह की dynamic website create कर सकते हैं. यदि आप एक WordPress blogger हैं, तो आपको ये पता होना चाहिए की WordPress भी PHP के code से बना है. इसीलिए आपको WordPress installation के लिए एक database को setup करने की भी ज़रुरत होती है.

जी भी posts, pages या अन्य content आप WordPress में लिखते हैं, वह किसी text file में नहीं, बल्कि आपके connected MySQL database में store होता है. फिर PHP की मदद से WordPress आपके इस content को database से fetch करता है और users को दिखता है.

यही कारण है कि यदि आपकी website पर ट्रैफिक ज्यादा होगा, तो आपको ज्यादा powerful web server की ज़रुरत होगी.  क्योंकि PHP server पर फिर ज्यादा load डालेगी.

PHP को हिंदी में सीखने के लिए आप नीचे दी गयी YouTube playlist को देख सकते हैं.

ज़रूर पढ़िए:

• Apke Blog Ke Hosting Ke Liye Most Important Guide- Beginner Level
• 2018 के Best Web Hosting Providers
• अपने blog का loading time कैसे कम करें?

तो कैसा लगा आपको हमारा ये पोस्ट? यदि आपके कोई questions या सुझाव हो, तो आप comments के ज़रिये हमें ज़रूर बताईये.