जेव्हा आम्ही HTML कोडबद्दल बोलतो, तेव्हा तुमच्यापैकी बरेच जण अशा भाषेचा विचार करतात ज्याचा वापर आम्ही ब्राउझर किंवा वेब पृष्ठ प्रविष्ट केल्यावर आम्हाला प्रदान केलेल्या माहितीची रचना करण्यासाठी केला जातो. परंतु हे येथेच संपत नाही, HTML म्हणजे काय आणि ते कशासाठी आहे हे अधिक चांगल्या प्रकारे समजून घेण्यासाठी, आपण या विषयात आणखी खोलवर जावे.
हा कोड ज्याबद्दल आपण बोलणार आहोत तो वेब डेव्हलपमेंटचा मूलभूत आधार आहे. प्रत्येक वेळी जेव्हा आपण भिन्न पृष्ठे ब्राउझ करतो तेव्हा त्या सर्वांमध्ये HTML पेक्षा जास्त असते, मग ते फॅशन पृष्ठ असो किंवा वैयक्तिक ब्लॉग. तुम्हाला या विषयाबद्दल अधिक जाणून घेण्यात स्वारस्य असल्यास, पेन आणि कागद घ्या आणि आम्ही सुरू करू.
HTML कोड म्हणजे काय आणि तो कशासाठी वापरला जातो?
आम्ही या प्रकाशनाच्या सुरुवातीला सूचित केल्याप्रमाणे, एचटीएमएल ही एक भाषा आहे ज्याद्वारे आम्ही आमच्या वेब पृष्ठावरील सामग्री परिभाषित करू शकतो. स्पॅनिशमध्ये, परिवर्णी शब्द हायपरटेक्स्ट मार्कअप लँग्वेजच्या व्याख्येशी संबंधित आहे. म्हणजेच, आमचा ब्राउझर अर्थ लावण्यास सक्षम असलेली लेबलांची मालिका आणि ज्याद्वारे आम्ही आमचे मजकूर आणि इतर प्रकारचे पैलू परिभाषित करू शकतो जे वेब पृष्ठ, प्रतिमा, ग्राफिक्स इ.चा भाग असतील.
ही भाषा जी आपण बोलतो पृष्ठ फॉलो करत असलेल्या संरचनेचे वर्णन करण्याचे कार्य यात आहे आणि ते ज्या प्रकारे ते प्रदर्शित करण्यात येणार आहेत ते व्यवस्थापित करण्यात देखील मदत करते.. या सर्वांव्यतिरिक्त, HTML तुम्हाला इतर प्रकारच्या पृष्ठांवर किंवा अगदी दस्तऐवजांवर पुनर्निर्देशित दुवे समाविष्ट करण्यास अनुमती देईल.
ही प्रोग्रामिंग भाषा नाही, कारण ती काही अंकगणितीय कार्ये पूर्ण करत नाही. म्हणून आपण हे दर्शवू शकतो की त्याचे मुख्य कार्य स्थिर वेब पृष्ठे तयार करण्यास सक्षम असणे आहे. हे खूप उपयुक्त आहे कारण, दुसर्या प्रकारच्या प्रोग्रामिंग भाषेसह एकत्रित करून, आपण दररोज भेट देत असलेल्या अनेक पृष्ठांप्रमाणे, आपण सर्वात गतिशील पृष्ठे मिळवू शकता.
HTML इतिहासाचा थोडासा भाग
1980 मध्ये टिम बर्नर्स-ली या शास्त्रज्ञाने नवीन हायपरटेक्स्ट प्रणालीची कल्पना मांडली तेव्हा या भाषेचा जन्म झाला.. हे दस्तऐवज आणि फायली सामायिक करण्यास सक्षम असण्याच्या गरजेवर आधारित होते. एचटीएमएल बद्दल बोलणाऱ्या या प्रकाशनात, एकूण 22 टॅगचे वर्णन केले आहे ज्यांनी ही भाषा काय आहे याची प्रारंभिक आणि सोपी रचना शिकवली आहे.
सध्या, वर्षापूर्वी नमूद केलेल्या यापैकी अनेक लेबले अजूनही ठेवली आहेत, बाजूला ठेवलेल्या आणि कालांतराने जोडलेल्या इतरांच्या तुलनेत. आपण काय दर्शवू शकतो, त्याच्या संपूर्ण इतिहासात HTML च्या वेगवेगळ्या आवृत्त्या आहेत.
आपण लक्षात ठेवूया की या प्रकारच्या भाषेवर केवळ ब्राउझरद्वारे प्रक्रिया केली जाऊ शकते जसे की आम्ही सध्या या वेबसाइटवर सांगितलेले प्रकाशन वाचण्यासाठी वापरत आहोत.
लेबलचे प्रकार
आपण मागील विभागात निदर्शनास आणलेली एक गोष्ट म्हणजे HTML भाषा ही वेगवेगळ्या टॅगपासून बनलेली असते. ज्यांना माहित नाही त्यांच्यासाठी ही लेबले, ते एक प्रकारचे मजकूर तुकडे आहेत जे कंस किंवा ब्रेसेसद्वारे संरक्षित आहेत ज्यांचा उद्देश कोड लिहिणे आहे.
ही लेबले, टीप <> मधील कंसात आपल्याला जे माहित आहे त्याद्वारे ते सहसा मर्यादित केले जातात, म्हणजे;. वेबवर तुम्हाला काय दिसायचे आहे याचे वर्णन करण्यासाठी हे वापरले जाते.
HTML मध्ये, आणिआम्हाला आढळले की विविध लेबल्सची एक मोठी विविधता परिभाषित केली आहे. त्याचा कोणता उपयोग होणार आहे, त्यानुसार आपण त्यापैकी काही खाली पाहू.
- उघडण्याचा टॅग: पानांच्या सुरुवातीला वापरलेले आहेत. विशिष्ट घटक कोठे सुरू होतो किंवा समाप्त होतो हे ते आपल्याला सांगते. घटकाचे नाव पॉइंटेड कंसांच्या दरम्यान असले पाहिजे.
- टॅग बंद करणे: मागील केस प्रमाणेच, परंतु हे घटकाचा शेवट दर्शवतात. ते प्रामुख्याने लिहिण्याच्या पद्धतीत भिन्न आहेत, कारण कर्णरेषा दिसते.
- शीर्षक टॅग: ते सूचित करतील की पुढे काय ठेवले आहे ते आमच्या पृष्ठाचे शीर्षक आहे.
- शरीर लेबले: या प्रकरणात, आम्ही टॅगबद्दल बोलत आहोत जे मजकूराच्या मुख्य भागाचा भाग दर्शवितात, म्हणजे, मजकूराचे ब्लॉक्स.
- शीर्षलेख टॅग: त्याच्या नावाप्रमाणे, हे एक लेबल आहे जे आमच्या पृष्ठाचे शीर्षक किंवा शीर्षलेख दर्शवते.
- उपशीर्षक टॅग: या प्रकरणात आम्ही स्तर 2 सबटायटल्सबद्दल बोलत आहोत.
- परिच्छेद टॅग: ते असे आहेत जे आपला मजकूर एका ओळीत गटबद्ध पद्धतीने दिसण्यासाठी वापरतात.
- लोअर सेक्शन लेबल: मजकुराच्या तळाशी पॉइंट करते. हे निष्कर्षासह किंवा पृष्ठाच्या अंतिम भागासह ओळखले जाऊ शकते जिथे संपर्क माहिती किंवा सामाजिक नेटवर्क दिसतात.
- वरच्या विभागाचे लेबल: आम्ही पृष्ठावरील मजकूराच्या शीर्षस्थानी किंवा शीर्षलेखाचा संदर्भ देतो.
- ठळक टॅग: आपल्या सर्वांना माहित आहे की, ते काही घटक हायलाइट करण्याचे प्रभारी आहेत जे आपला मजकूर संलग्न करतात.
- तिर्यक लेबले: मागील केस प्रमाणेच, परंतु येथे जे इटॅलिकमध्ये सूचित केले आहे ते दिसते.
- प्रतिमा टॅग: जेव्हा आम्हाला आमच्या पृष्ठावर प्रतिमा घालायची असते तेव्हा आम्ही वापरतो.
- लिंक टॅग: आम्हाला आमच्या वेबसाइटवर कुठेही दुवे जोडायचे असल्यास, आम्ही हा टॅग जोडला पाहिजे.
हे HTML भाषेत वापरले जाणारे काही मुख्य टॅग आहेत. आपण उघडलेल्या प्रत्येक टॅगसाठी, आपण हे लक्षात ठेवले पाहिजे की आपण ते बंद केले पाहिजे, अन्यथा आपण सांगितलेला टॅग योग्यरित्या समाविष्ट केला नसेल. ते योग्य प्रकारे केल्याने एक सु-संरचित HTML भाषा प्राप्त होईल. चुकीने लिहिलेला कोड पेजच्या निर्मितीमध्ये त्रुटी निर्माण करू शकतो. याव्यतिरिक्त, ब्राउझर ते ओळखत नाही आणि आम्हाला एक रिक्त स्क्रीन दर्शविली जाते किंवा पृष्ठ जसे आहे तसे थेट प्रदर्शित केले जाते.
आता तुम्हाला एचटीएमएल म्हणजे काय, ते कशासाठी आहे आणि त्यातील काही मूलभूत टॅग माहित आहेत, तुम्हाला या भाषेच्या मूलभूत संरचनेची माहिती आहे ज्याबद्दल आम्ही बोलत आहोत. एकदा तुम्हाला हे कळले की, आम्ही तुम्हाला आम्ही नाव दिलेली भिन्न लेबले वापरण्यासाठी आणि नवीन जोडण्यासाठी, तुम्ही जे शिकलात ते तयार करण्यासाठी आणि सराव करण्यासाठी प्रोत्साहित करतो.