देखावा आणि त्याच्या विकासाचा एचटीएमएल इतिहास. HTML चे ज्ञान काय देते? मूलभूत घटक हेड आणि शीर्षक

टेबलची सुरुवात आणि शेवट दर्शवण्यासाठी सर्व्ह करा; आणि - सारणी शीर्षलेखासाठी समान; आणि- टेबल पंक्तीसाठी; आणि- टेबल घटकासाठी. टेबल्स फॉरमॅट करण्यासाठी, पॅरामीटर्स वापरले जातात जे ओपनिंग टॅगमध्ये लिहिलेले असतात आणि पार्श्वभूमी रंग, टेबलची रुंदी आणि सेलमधील मजकूर स्थान निर्दिष्ट करतात.

वेब पृष्ठावर एक फॉर्म तयार करणे शक्य आहे ज्यामध्ये वापरकर्ते ब्राउझरद्वारे सर्व्हरवर प्रसारित केलेली माहिती प्रविष्ट करू शकतात(टॅग) किंवा मेनूमधून निवड नियंत्रित करणे (टॅग).

एचटीएमएल भाषेत टॅगचा संच मर्यादित आणि निश्चित असल्याने, त्यांच्याद्वारे प्रदान केलेल्या क्रिया, विशेषतः, स्वरूपन ऑपरेशन्स, ब्राउझरमध्ये लागू केले. त्याच वेळी, सारखे टॅग एका विशिष्ट शैलीशी (प्रकार, आकार, फॉन्ट रंग) संबंधित असतात. वापरकर्त्यांना इच्छित प्रतिमा शैली सेट करण्यास सक्षम करण्यासाठी, शैली पॅरामीटर माहिती आणि HTML दस्तऐवजासह अशा शीट्स संबद्ध करण्याचे मार्ग दर्शवण्यासाठी शैली पत्रके विकसित केली जातात. बहुतेक ब्राउझर कॅस्केडिंग स्टाईल शीट्सचे समर्थन करतात CSS (कॅस्केडिंग स्टाईल शीट).

CSS टेबलमध्ये फॉरमॅटिंग नियम असतात. प्रत्येक नियम घटकाचा प्रकार निर्दिष्ट करतो ज्यावर स्वरूपन लागू होते आणि घोषणांची सूची. यादी कुरळे ब्रेसेसने वेढलेली आहे आणि यादीतील घोषणा अर्धविरामांनी विभक्त केल्या आहेत. प्रत्येक घोषणा फॉर्म गुणधर्म:मूल्य मधील घटकाच्या प्रदर्शन गुणधर्मांपैकी एकाचे मूल्य निर्दिष्ट करते. गुणधर्मांमध्ये फॉन्ट प्रकार (टाइपफेस), आकार, रंग, संरेखन आणि शैली (नियमित, ठळक, तिर्यक), पार्श्वभूमी रंग किंवा नमुना, रेषेतील अंतर, सीमांची उपस्थिती, मजकूराच्या ब्लॉक्सची सापेक्ष स्थिती आणि सामान्यतः नियंत्रित करण्यासाठी वापरल्या जाणाऱ्या इतर वैशिष्ट्यांचा समावेश होतो. मजकूर संपादकांमध्ये प्रतिमेचे स्वरूप. घटक प्रकाराऐवजी, आपण प्रविष्ट केलेल्या मूळ शैलीचे नाव निर्दिष्ट करू शकता शैलीचे नाव बिंदूने सुरू होणे आवश्यक आहे;

स्टाईल शीट वापरणे म्हणजे HTML दस्तऐवजाच्या एका विभागात टेबल प्रकार निर्दिष्ट करणे समाविष्ट आहे. टॅग्जमध्ये फॉरमॅटिंगचे नियम देखील लिहिलेले आहेत. तुम्ही सर्व फॉरमॅटिंग नियम वेगळ्या फाईलमध्ये लिहू शकता आणि नंतर HTML दस्तऐवजात तुम्हाला या फाईलचा विशेष टॅगमध्ये संदर्भ घ्यावा लागेल. प्रविष्ट केलेली शैली केवळ दस्तऐवजाच्या काही भागावर लागू होत असल्यास, CLASS पॅरामीटरसह टॅग वापरला जातो, उदाहरणार्थ:

दस्तऐवजाचा भाग

एचटीएमएल भाषेच्या पहिल्या आवृत्त्या अगदी सोप्या होत्या, परंतु अनेक कमतरतांशिवाय नाहीत. सर्वप्रथम, हे लक्षात घ्यावे की टॅगचा संच मर्यादित आहे, जो अनेक अनुप्रयोगांच्या गरजा पूर्ण करत नाही. याव्यतिरिक्त, HTML टॅग ब्राउझर वापरून पाहिल्यावर डिस्प्ले स्क्रीनवरील त्याच्या प्रतिमेवरील डेटा (स्वरूपण) पासून दस्तऐवजाची रचना परिभाषित करणारा डेटा विभक्त करत नाहीत, ज्यामुळे दस्तऐवजांसह कार्य करणे कठीण होते. परिणामी, भाषेच्या नवीन आवृत्त्यांमध्ये सुधारणा सादर केल्या गेल्या, ज्याने भाषा लक्षणीयरीत्या गुंतागुंतीची केली, परंतु मुख्य उणीवा दूर केल्या नाहीत. एचटीएमएलचे सर्वात लक्षणीय तोटे म्हणजे, प्रथम, दस्तऐवजाच्या संरचनेबद्दलची माहिती फॉरमॅटिंगच्या माहितीपासून विभक्त करण्यात असमर्थता आणि दुसरे म्हणजे, एचटीएमएल भाषेतील साधनांचा अभाव जे अशा मजकूर प्रक्रिया ऑपरेशनला क्रमवारी लावणे, तुकड्यांवर आधारित शोधणे यासारख्या क्रियांना परवानगी देतात. काही निकषांवर, इ.

पुढील मॉड्यूल
शोध संज्ञा

माझ्या ब्लॉगच्या पृष्ठांवर आपले स्वागत आहे. HTML ही एक साधी मार्कअप भाषा आहे जी वेब पृष्ठे तयार करण्यासाठी वापरली जाते. मी म्हणालो की हे सोपे आहे जेणेकरून तुम्ही ते शिकून घाबरू नका. एचटीएमएल भाषा नवशिक्यांसाठी अगदी आदर्श आहे - सुरवातीपासून प्रोग्रामिंग भाषेवर ताबडतोब प्रभुत्व मिळवणे अधिक कठीण आहे, परंतु एचटीएमएल प्रत्यक्षात बरेच सोपे आहे.

या लेखात मी तुम्हाला ही भाषा सर्वात जलद आणि प्रभावीपणे कशी शिकायची हे सांगू इच्छितो, जेणेकरून एक किंवा दोन महिन्यांत तुम्हाला ती उत्तम प्रकारे कळेल. हे अशक्य आहे असे तुम्हाला वाटते का? मी मार्चच्या शेवटी html शिकायला सुरुवात केली. मे महिन्याच्या शेवटी, मला कोणत्याही समस्यांशिवाय कामासाठी आवश्यक असलेले 90% टॅग आधीच माहित होते.

विनामूल्य भाषा कशी शिकायची?

अर्थात, सर्वात वेगवान शिक्षणासाठी, तुम्हाला अनेक उपयुक्त साइट्स शोधल्या पाहिजेत. प्रथम, आपल्याला html संदर्भ आवश्यक असेल. अगदी अनुभवी प्रोग्रामर देखील ते वापरतात, कारण डझनभर टॅग आणि त्यांचे गुणधर्म आपल्या डोक्यात ठेवणे अशक्य आहे.

संदर्भ पुस्तकांमधून मी तुम्हाला शिफारस करू शकतो - htmlbook. ही खरोखर छान साइट आहे जी सर्व टॅग एकत्रित करते आणि तपशीलवार वर्णनासह त्यांच्या कार्याचे परिणाम दर्शवते. परंतु संदर्भ पुस्तक हे केवळ एक अतिरिक्त साधन आहे;

परस्परसंवादी अभ्यासक्रम

आणि इथे मी संवादात्मक अभ्यासक्रमांबद्दल बोलत आहे. कोड लिहिण्याची आणि तो कसा प्रदर्शित होतो ते लगेच पाहण्याची ही क्षमता आहे. अभ्यासक्रमांदरम्यान तुम्हाला असाइनमेंट्स दिल्या जातील. प्रथम, साधे, उदाहरणार्थ, मजकूर शीर्षकात बदलणे किंवा टेबल बनवणे. मग ते अधिक कठीण आहे. अखेरीस आपण HTML सह काय करू शकता याची समज प्राप्त कराल. यासाठी तुम्हाला पैसे द्यावे लागतील असे तुम्हाला वाटत असेल तर तुम्ही चुकीचे आहात.

एचटीएमएल आणि सीएसएस वरील अभ्यासक्रमांसह एक अद्भुत साइट आहे. पहिले 16-18 अभ्यासक्रम विनामूल्य आहेत! जर तुम्हाला तुमचा अभ्यास सुरू ठेवायचा असेल आणि सशुल्क विषयांमध्ये प्रवेश मिळवायचा असेल तर तुम्हाला दरमहा 300 रूबल किंवा प्रति वर्ष 1800 भरावे लागतील. वैयक्तिकरित्या, मी 300 रूबल दिले, एका महिन्यात सर्व सशुल्क अभ्यासक्रम पूर्ण केले आणि त्यातून खूप फायदा झाला.

नोंदींचे महत्त्व

माझ्याकडून आणखी एक सल्ला - ते लिहा! तुमच्यासाठी नवीन आणि महत्त्वाची सर्व माहिती लिहा. ते लिहिल्याशिवाय, आपण आपल्या स्मृतीमध्ये आवश्यक ज्ञान न ठेवण्याचा धोका पत्करतो. वैयक्तिकरित्या, माझ्या शेल्फवर माझ्याकडे तीन सामान्य नोटबुक आहेत, जवळजवळ पूर्णपणे लेखनाने भरलेले आहेत आणि जेव्हा मी हे किंवा ती मालमत्ता विसरतो तेव्हा मी वेळोवेळी त्याकडे पाहतो.

html आणि css चा समांतर अभ्यास

HTML हे फक्त एक वेब तंत्रज्ञान आहे जे वेब पृष्ठाची रचना आणि लेआउट तयार करण्यात मदत करते. वेबसाइट डेव्हलपमेंटमधील डिझाइनसाठी CSS पूर्णपणे जबाबदार आहे. या भाषा एकाच वेळी शिकल्या पाहिजेत कारण त्या एकमेकांशी संवाद साधतात.

स्वतंत्र सराव

एकदा तुम्हाला काही ज्ञान मिळाले की तुम्ही स्वतः सराव करू शकता. ते कसे करायचे? चित्रे, टेबल, नेस्टेड लिस्ट, एक साधी दोन-स्तंभ पृष्ठ लेआउट किंवा इतर गोष्टींसह लेख तयार करण्याचा प्रयत्न करा. तुम्हाला सराव करावा लागेल कारण तुमच्या मेंदूत त्वरीत गोष्टी कशा चालतात हे समजून घेण्याचा हा एकमेव मार्ग आहे. या प्रकरणात स्वत: ला एक शिक्षक शोधणे ही सर्वात चांगली गोष्ट आहे, परंतु बहुधा आपल्याला यासाठी पैसे द्यावे लागतील.

webformyself टीमकडून धडे

Webformyself हे एक अद्भुत इंटरनेट पोर्टल आहे जे वेबसाइट बिल्डिंगवर भरपूर माहिती प्रदान करते. त्यांच्या वेबसाइटवर तुम्हाला HTML, CSS आणि वेबसाइट लेआउटवर बरेच विनामूल्य लेख सापडतील, परंतु त्यांनी सशुल्क व्हिडिओ ट्युटोरियल्स देखील जारी केले आहेत, ज्याचा उद्देश तुम्हाला शक्य तितक्या लवकर उपयुक्त ज्ञान पोहोचवणे हा आहे.

दिवसाच्या शेवटी, आपण हे वेब तंत्रज्ञान का शिकत आहात याचे कारण आपल्याकडे असले पाहिजे. हे सहसा स्वतः वेबसाइट लेआउट कसे तयार करायचे हे शिकण्यासाठी केले जाते. तुमचेही हे ध्येय असेल, तर तुमच्यासाठी webformyself.com वर प्रीमियम धड्यांचा प्रवेश खरेदी करणे हा एक उत्तम पर्याय असेल. परिणामी, तुम्ही केवळ HTML आणि CSS वरील धड्यांमध्येच प्रवेश मिळवू शकत नाही, तर इतरही अनेक गोष्टी मिळवू शकता. उदाहरणार्थ, JavaScript आणि WordPress.

धडे वापरून तुमचा पहिला लेआउट बनवण्याच्या संधीसह तेथे उपयुक्त धडे आहेत. हे खूप महत्वाचे आहे, कारण तुम्हाला चांगला सराव मिळेल, त्यानंतर तुम्ही तुमची कौशल्ये स्वतःच सुधारू शकाल, तुम्हाला इंटरनेटवर सापडलेल्या साइट्ससाठी इतर लेआउट तयार करण्याचा प्रयत्न कराल.

भाषा शिकण्यासाठी किती वेळ लागतो?

सरासरी, HTML आणि CSS योग्य दृष्टिकोनाने खूप लवकर शिकता येतात. उदाहरणार्थ, मला अनेक महिने लागले. ज्ञान कोठे मिळवायचे हे आपल्याला माहित असल्यास, शिकण्याची प्रक्रिया अनेक वेळा वेगवान केली जाऊ शकते.

मी तुम्हाला उपयुक्त सामग्रीसह चांगल्या साइट्स दिल्या - मग ते तुमच्यावर अवलंबून आहे. तत्वतः, वरील संसाधने इंटरनेटवर सर्वोत्तम आहेत. उदाहरणार्थ, एक लाखाहून अधिक लोकांनी Htmlacademy मधून अभ्यासक्रम पूर्ण केले आहेत आणि 87 हजाराहून अधिक लोकांनी Webformyself अपडेट्सचे सदस्यत्व घेतले आहे.

नमस्कार प्रिय सुरुवातीच्या वेबमास्टर्स. चला प्रोग्रामिंग भाषा शिकण्यास सुरुवात करूया.

आणि आम्ही त्यांचा अभ्यास html सह सुरू करू.

मी लगेच सांगेन की कोर्सच्या शेवटी तुम्ही स्वतः एक वेबसाइट शुद्ध html मध्ये लिहू शकाल आणि इंटरनेटवर पोस्ट करू शकाल. परंतु तरीही मी तुमचा वेळ घेण्याची शिफारस करतो आणि html नंतर, css सह परिचित व्हा.

मग तुम्ही साइट थंड कराल आणि तुम्ही तयार केलेल्या CMS (सामग्री व्यवस्थापन प्रणाली) वर तयार केलेल्या साइटचे स्वरूप दुरुस्त करण्यात सक्षम व्हाल.

प्रोग्रामिंग भाषा शिकणे आणि परदेशी भाषा शिकणे एकाच गोष्टी नाहीत आणि ते खूप सोपे आहे. शिवाय, हे भितीदायक नाही, परंतु खूप रोमांचक आहे.

हे फक्त इतकेच आहे की अनाकलनीय नेहमीच तुम्हाला घाबरवते, परंतु मी तुम्हाला वचन देतो की पहिल्या धड्यांनंतर, सर्व भीती निघून जातील.

आम्ही संपादक वापरून शिकू, जे तुम्हाला तुमच्या संगणकावर स्थापित करणे आवश्यक आहे.

या फाइल एडिटरमध्ये, तुम्ही कोड लिहू शकता आणि ब्राउझर तो कसा प्रदर्शित करतो ते लगेच पाहू शकता. अगदी आरामात.

चला, प्रथम मी तुम्हाला HTML काय आहे याबद्दल थोडेसे सांगेन आणि हा आमच्या कोर्सचा कंटाळवाणा भाग असेल आणि मग आम्ही सर्वात मनोरंजक सराव करू. तिथे नक्कीच कंटाळा येणार नाही.

एचटीएमएल (हायपरटेक्स्ट मार्कअप लँग्वेज) चा अर्थ हायपरटेक्स्ट मार्कअप लँग्वेज असा होतो. हे वेब पृष्ठे तयार करण्यासाठी वापरले जाते.

आणि जर, आमच्या समजुतीनुसार, एका विषयाद्वारे एकत्रित केलेल्या फक्त पृष्ठांचा संग्रह म्हणजे एक पुस्तक किंवा अगदी चांगले म्हटले तर, एक जाड मासिक, तर एका डोमेन नावाने एकत्रित केलेल्या वेब पृष्ठांचा संग्रह म्हणजे वेबसाइट.

प्रत्येक वेब पृष्ठाचा स्वतःचा अनन्य मजकूर असतो, जो तुम्ही लिहिलेला असतो आणि html कोडमध्ये बंद केलेला असतो.

कोड हा ब्राउझरला विशिष्ट घटक कसा प्रदर्शित करायचा यावरील सूचना आहे. समजा तुम्ही एक शब्द लिहिला आहे, परंतु तो स्क्रीनवर कोणत्या स्वरूपात दिसेल ते तुम्ही कोणत्या कोडमध्ये संलग्न करता यावर अवलंबून आहे.

एचटीएमएल कोडमध्ये खालील घटक असतात:

2. विशेषता टॅग करा.

3. विशेषता मूल्ये.

चला त्यांना क्रमाने पाहूया.

html टॅग हा कोडचा मुख्य घटक आहे. हे असे लिहिले आहे:

जसे आपण पाहू शकता, त्यात दोन भाग आहेत. पहिले कोन कंस हे सुरवातीचे भाग आहेत आणि दुसरे, स्लॅशसह, बंद होणारे भाग आहेत.

या दोन भागांमध्ये, स्क्रीनवर प्रदर्शित होणारा उर्वरित पृष्ठ कोड लिहिलेला आहे.

टॅग ब्राउझरला सांगतो की हा एक HTML दस्तऐवज आहे आणि इतर सर्व घटकांसाठी मुख्य (पालक) टॅग आहे.

उर्वरित टॅग्ज, कोड घटकांमध्ये, कोन कंसात एक अक्षर किंवा शब्द लिहिलेला आहे, जो टॅगचे नाव असेल आणि या टॅगद्वारे स्क्रीनवर कोणता घटक प्रदर्शित होईल हे निर्धारित केले जाईल.

उदाहरणार्थ, जर तुम्ही कोन कंसात h1 अक्षर ठेवले, तर मजकूर हेडिंग म्हणून स्क्रीनवर प्रदर्शित होईल.

नमस्कार

म्हणजेच, "हॅलो" शब्दाचा फॉन्ट उर्वरित मजकूरापेक्षा मोठा आणि ठळक असेल.

जर तुम्ही p हे अक्षर कोन कंसात ठेवले तर टॅगमध्ये बंद केलेला मजकूर परिच्छेद म्हणून प्रदर्शित होईल.

नमस्कार

म्हणजेच, फॉन्ट सामान्य असेल, परंतु या टॅगनंतर लिहिलेली प्रत्येक गोष्ट नवीन ओळीवर सुरू होईल.

html मध्ये अशी अनेक डझन अक्षरे आणि अगदी शब्द आहेत जे कमांडचा प्रकार ठरवतात, जरी 10-15 पेक्षा जास्त टॅग वापरले जात नाहीत.

आम्ही त्या प्रत्येकाकडे अधिक तपशीलवार मार्गाने पाहू.

खालील टॅग विशेषता आहेत. वारंवार वापरलेले, एक डझन पेक्षा जास्त नाही. आणि अलीकडे अगदी कमी, कारण सर्व विशेषता फंक्शन्स css वर हलवली गेली आहेत.

परंतु याबद्दल अधिक नंतर, परंतु आत्तापर्यंत आम्ही गुणधर्म काय आहे ते शोधू, कारण त्यापैकी काहींनी त्यांची प्रासंगिकता गमावली नाही आणि कधीही गमावणार नाही.

विशेषता ही अतिरिक्त कमांड आहे. हे टॅगच्या सुरुवातीच्या भागात लिहिलेले आहे. उदाहरणार्थ, जर तुम्हाला शीर्षक रंगीत बनवायचे असेल, तर तुम्हाला h1 टॅगच्या सुरुवातीच्या भागात रंग विशेषता घालावी लागेल.

आणि थेट विशेषता मूल्यांकडे जाऊया. मुद्दा असा आहे की विशेषताचे मूल्य असणे आवश्यक आहे. म्हणजेच, जर तुम्ही शीर्षक रंगीत असावे अशी आज्ञा दिली असेल तर तुम्हाला ते कोणत्या रंगाचे असेल हे सूचित करणे आवश्यक आहे.

हे संकेत विशेषता मूल्य असेल. हे असे दिसते:

हे लाल आहे.

त्याच प्रकारे, परंतु इतर गुणधर्म वापरून, तुम्ही मजकूर आकार, इंडेंट्स, संरेखन आणि बरेच काही सेट करू शकता.

जरी, डिझाइन वाढत्या प्रमाणात CSS कडे जात आहे, आणि डिझाइन गुणधर्म हळूहळू कालबाह्य आणि सरावाच्या बाहेर होत आहेत.

आणि आता आम्ही वरील सर्वांमधून एक निष्कर्ष काढतो:

HTML ही एक भाषा आहे जी ब्राउझरला समजते. आम्हाला ब्राउझरशी संवाद साधण्यासाठी किंवा, त्यावर नियंत्रण ठेवण्यासाठी, म्हणजे, आपण जे लिहितो ते स्क्रीनवर कसे समजून घ्यावे आणि कसे प्रदर्शित करावे याच्या आज्ञा देण्यासाठी, कोणी म्हणू शकेल.

मी जोडू इच्छितो की टॅग, विशेषता आणि त्यांचे अर्थ व्यावहारिक व्यायामादरम्यान लक्षात ठेवणे सोपे आहे, जे मूलत: पुढील सर्व लेख असतील.

तिथे तुम्हाला टॅग लगेच दिसतो, तुम्हाला त्याचा अर्थ कळतो, तो कोणत्या बाबतीत आणि कोणत्या ठिकाणी वापरला जातो, तो कोणत्या चिन्हांसह आहे आणि तो कसा लिहिला आहे, म्हणून आता मी तुम्हाला सर्व टॅग आणि विशेषता दाखवणार नाही, आपण सराव मध्ये सर्वकाही पाहू.

कोणाला स्वारस्य असल्यास, आपण नेहमी html टॅग आणि विशेषतांची संपूर्ण यादी पाहू शकता. .

जरी, जर तुम्ही प्रोफेशनली प्रोग्राम करणार नसाल, तर काही (सुमारे डझनभर) मूलभूत टॅग आणि अनेक विशेषता जाणून घेणे पुरेसे असेल.

बरं, हे सर्व आहे, मला वाटतं. काही? आणि आतासाठी अधिकची गरज नाही. आपण विशिष्ट उदाहरणे वापरून शिकण्याच्या प्रक्रियेदरम्यान उर्वरित शिकू.

मला वाटते उदाहरणांनी ते अधिक चांगले समजेल. वेबसाइट बनवणे आणि हे सर्व कसे कार्य करते हे समजून घेणे हे आमचे ध्येय आहे, म्हणून पुढे जा आणि सराव करा.

वळण

तुम्ही अभ्यासाला बसताच, कोणीतरी बास्टर्ड तुम्हाला उठवणार आहे!!!

शाळेत, शिक्षक विद्यार्थ्यांना सांगतात:
- तुमच्यापैकी कोण शेवटी स्वतःला मूर्ख समजतो? उभे रहा.
दीर्घ विरामानंतर, एक विद्यार्थी उभा राहतो:
- मग तुम्हाला वाटते की तुम्ही मूर्ख आहात?
- ठीक आहे, नक्की नाही, परंतु आपण एकटे उभे आहात हे काहीसे विचित्र आहे.

एचटीएमएलच्या उदयासाठी, आधुनिक जगामध्ये युरोपियन कौन्सिल फॉर न्यूक्लियर रिसर्च (Conseil Européen pour la Recherche Nucléaire, CERN) मध्ये एक शास्त्रज्ञ आहे. टिमोथी जॉन बर्नर्स-ली असे या शास्त्रज्ञाचे नाव आहे. HTML ची पहिली आवृत्ती वैज्ञानिक दस्तऐवजांचे स्वरूपन करण्याच्या उद्देशाने तयार केली गेली. हे रंगसंगती, फॉन्ट पॅरामीटर्स इत्यादींच्या वर्णनाच्या घटकांशिवाय संरचनात्मक स्वरूपन आहे. अशा प्रकारे, HTML ने मूळतः मजकूरातील शीर्षके, परिच्छेद, सूची आणि तत्सम संरचनात्मक घटक हायलाइट करणे शक्य केले. एचटीएमएल प्रोसेसिंग किंवा "प्लेइंग" चा परिणाम त्याच्या व्हिज्युअलायझेशनसाठी हार्डवेअरच्या तांत्रिक वैशिष्ट्यांवर अवलंबून नसावा, कारण त्यात या व्हिज्युअलायझेशनचे पॅरामीटर्स नाहीत. कालांतराने, हायपरटेक्स्ट मार्कअप भाषेचे हे वैशिष्ट्य अंशतः नष्ट झाले.

म्हणून, एचटीएमएलच्या पहिल्या आवृत्त्यांचे स्वरूप 1986 पासून सुरू झाले आणि 1991 मध्ये एचटीएमएलमध्ये लक्षणीय सुधारणा झाली आणि संपूर्ण वर्ल्ड वाइड वेबवर हायपरटेक्स्ट प्रसारित करण्यासाठी विशेषतः वापरला जाऊ लागला. त्यांचे म्हणणे आहे की जगप्रसिद्ध संक्षेप एचटीएमएल, ज्याचा अर्थ हायपर टेक्स्ट मार्कअप लँग्वेज आहे, गेल्या शतकाच्या 90 च्या दशकाच्या सुरुवातीला दिसला. आणि आता मार्कअप भाषांच्या वंशावळीत एक छोटा भ्रमण. हायपरटेक्स्ट मार्कअप लँग्वेज एचटीएमएलची पहिली आवृत्ती स्टँडर्ड जनरलाइज्ड मार्कअप लँग्वेज (एसजीएमएल) च्या आधारे तयार करण्यात आली होती, जी काही प्रकारे एक्सटेंसिबल मार्कअप लँग्वेजचा प्रोटोटाइप मानली जाऊ शकते. संगणक तंत्रज्ञानामध्ये मोठ्या संख्येने वापरल्या जाणाऱ्या विस्तारांमुळे आमच्या काळात XML मानकाने प्रचंड लोकप्रियता मिळवली आहे. वाचकांना पूर्णपणे गोंधळात टाकण्यासाठी, मी लगेच जोडेल की त्यानंतर, XML वर आधारित, हायपरटेक्स्ट मार्कअप भाषा XHTML (एक्सटेंसिबल हायपरटेक्स्ट मार्कअप भाषा) विकसित केली गेली, जी मूलत: HTML ची प्रतिकृती बनवते. परिणामी, आमच्याकडे एसजीएमएल, एचटीएमएल, एक्सएमएल आणि एक्सएचटीएमएल असे परिवर्णी शब्द आहेत आणि कोणते ते समजून घेणे आवश्यक आहे. खरं तर, सर्वकाही सोपे आहे: SGML नियमांच्या संचापेक्षा अधिक काही नाही ज्याच्या आधारावर कोणतीही मार्कअप भाषा तयार केली जाऊ शकते. HTML ही यापैकी एक भाषा आहे - SGML ऍप्लिकेशन. दुसऱ्या शब्दात, SGML मार्कअप घटक कसे दिसावे हे परिभाषित करते आणि HTML नक्की कोणते घटक असावेत आणि ब्राउझरद्वारे त्यांचा अर्थ कसा लावावा हे परिभाषित करते. XHTML, बदल्यात, XML चे ऍप्लिकेशन आहे, आणि XML स्वतः SGML च्या सरलीकृत आवृत्तीपेक्षा अधिक काही नाही. , ते दिसण्यात अगदी सारखे असूनही, त्यांच्यात लक्षणीय लपलेले फरक आहेत, जे बहुतेक भाग त्यांच्या प्रक्रियेच्या तत्त्वात आहेत.

आता एचटीएमएल डेव्हलपमेंटच्या इतिहासाकडे वळू. तर, 1994 पर्यंत, एचटीएमएल अजूनही फक्त डेटाच्या स्ट्रक्चरल मार्कअपसाठी वापरला जात होता, जरी त्यात आधीच ठळक किंवा तिर्यकांमध्ये मजकूर हायलाइट करण्यासाठी टॅग समाविष्ट केले गेले. त्याच 1994 मध्ये, W3C (वर्ल्ड वाइड वेब कन्सोर्टियम) संस्था तयार करण्यात आली - वर्ल्ड वाइड वेब कन्सोर्टियम, ज्याचे नेतृत्व अगदी तार्किकदृष्ट्या त्याच टिम बर्नर्स-ली यांनी केले आणि 1995 मध्ये HTML 2.0 शिफारस प्रकाशित झाली. एचटीएमएलच्या निर्मात्यांना आधीच समजले आहे की कालांतराने त्यांचे ब्रेनचाइल्ड स्थिर मजकूर मार्कअपच्या भाषेतून डायनॅमिक इंटरनेट संसाधने तयार करण्यासाठी मुख्य साधन म्हणून विकसित होईल. एचटीएमएल 2.0 ची मुख्य जोड म्हणजे वापरकर्ता नियंत्रणांच्या सेटसह फॉर्मच्या भाषेचा भाग म्हणून दिसणे जे वापरकर्त्यासाठी HTTP विनंत्यांसाठी पॅरामीटर्स प्रविष्ट करण्यासाठी वापरायचे होते.

दुसरी आवृत्ती रिलीझ झाल्यानंतर, एचटीएमएलच्या पुढील पिढीवर लगेच काम सुरू झाले. 1997 मध्ये, HTML 3.2 शिफारस प्रसिद्ध करण्यात आली, ज्याने टेबल, फ्रेम, प्रतिमा आणि इतर काही महत्त्वाच्या टॅगसह मार्कअप भाषेला पूरक केले. परंतु तिसऱ्या आवृत्तीची सर्वात महत्त्वाची उपलब्धी ही आहे की त्याचे लेखक ब्राउझरमध्ये मार्कअप व्हिज्युअलायझ करण्याच्या समस्येकडे परत आले, हे लक्षात ठेवून की एचटीएमएलने केवळ दस्तऐवजाची रचना चिन्हांकित केली पाहिजे आणि त्यात घटक प्रदर्शित करण्यासाठी ग्राफिक शैलीचे पॅरामीटर्स थेट नसावेत. ब्राउझर. HTML 3.2 वरील त्यांच्या कार्याचा परिणाम म्हणजे स्वतंत्र CSS भाषा (कॅस्केडिंग स्टाइल शीट्स) - कॅस्केडिंग स्टाइल शीट्सचा उदय होता, ज्याचा कोड आता HTML मार्कअप कोडशी कनेक्ट केला जाऊ शकतो आणि त्याद्वारे पृष्ठाचे स्वरूप सानुकूलित केले जाऊ शकते.

1997 मध्ये एचटीएमएलची आवृत्ती 4 रिलीझ करून, W3C कर्मचाऱ्यांनी त्यांच्या अशा अनावश्यक घटकांपासून मुक्त केले होते जे CSS च्या आगमनाने अप्रचलित झाले होते आणि प्रेझेंटेशन पॅरामीटरायझेशनपासून स्ट्रक्चर मार्कअप वेगळे करण्याच्या कल्पनेशी तडजोड केली होती. परंतु अशा क्षुल्लक गोष्टींमुळे कोणीही नवीन आवृत्ती अवरोधित करणार नाही. HTML 4.0 शिफारशींची मुख्य उपलब्धी म्हणजे पृष्ठ ऑब्जेक्ट मॉडेल (दस्तऐवज ऑब्जेक्ट मॉडेल, DOM) दिसणे, ज्याचे घटक आता ब्राउझरद्वारे अंमलात आणलेल्या स्क्रिप्टिंग प्रोग्रामिंग भाषांद्वारे हाताळले जाऊ शकतात. अशी सर्वात लोकप्रिय प्रोग्रामिंग भाषा जावास्क्रिप्ट आहे. एचटीएमएल प्लस डीओएम प्लस जावास्क्रिप्ट डायनॅमिक एचटीएमएल किंवा फक्त डीएचटीएमएलच्या बरोबरीचे आहे, ज्याने वेब डिझाइनमध्ये एक प्रगती दर्शविली आहे. आता लोड केलेल्या इंटरनेट पृष्ठाचे घटक वापरकर्त्याच्या क्रियांच्या प्रतिसादात त्यांचे स्वरूप बदलू शकतात, तसेच नवीन जोडू शकतात आणि विद्यमान घटक हटवू शकतात. 24 डिसेंबर 1999 रोजी, हायपरटेक्स्ट मार्कअप भाषा, HTML 4.01 च्या चौथ्या आवृत्तीची नवीनतम आवृत्ती प्रसिद्ध झाली.

HTML5 ला अद्याप अधिकृत W3C शिफारशीचा दर्जा प्राप्त झालेला नाही, परंतु हे आधीच स्पष्ट झाले आहे की HTML लेखक दस्तऐवज ऑब्जेक्ट मॉडेल समर्थन आणि JavaScript व्याख्येसाठी आवश्यकता विकसित करण्याच्या दिशेने कार्य करत आहेत. जरी HTML5 ला अनेक नवीन टॅग मिळतील, तरीही बहुतेक शिफारसी DHTML च्या संदर्भात ब्राउझरच्या वर्तनाशी संबंधित आहेत: ड्रॅग-अँड-ड्रॉप फंक्शन्ससाठी अंगभूत समर्थन असेल, आभासी कॅनव्हासवर काढण्याची क्षमता. , ब्राउझिंग इतिहास नियंत्रित करा आणि पृष्ठांमध्ये संदेश सामायिक करा, अंमलबजावणी संदर्भ जतन करा आणि बरेच काही. अशी आशा आहे की नवीन एचटीएमएल शिफारशींच्या रिलीझसह, क्रॉस-ब्राउझर सुसंगततेच्या कमतरतेच्या समस्या, जेव्हा समान JavaScript कोड वेगवेगळ्या ब्राउझर अंतर्गत वेगळ्या पद्धतीने कार्यान्वित केला जातो तेव्हा हळूहळू अदृश्य होईल. शेवटी, ऑब्जेक्ट मॉडेल आणि JavaScript सोबत काम करण्यासाठी आवश्यकता परिभाषित करण्याचा ट्रेंड चालूच राहील आणि ब्राउझर डेव्हलपरना (त्यांना त्यांची सॉफ्टवेअर उत्पादने वापरायची असल्यास) या आवश्यकतांचे पालन करणे आवश्यक असेल.

HTML5 2014 मध्ये रिलीझसाठी नियोजित आहे. कदाचित तोपर्यंत W3C ने फक्त JavaScript प्रोग्रामिंगशी संबंधित वेगळ्या शिफारशी विकसित केल्या असतील आणि शेवटी एचटीएमएल ही पुन्हा केवळ दस्तऐवजाच्या संरचनेसाठी एक मार्कअप भाषा बनेल. आज केवळ 2012 आहे हे असूनही, अनेकांना आधीपासूनच सर्वात लोकप्रिय ब्राउझरद्वारे समर्थित आहे. HTML5 च्या रिलीझसह, वेब डिझायनर्सना पूर्वी स्वतःहून (तेच ड्रॅग-अँड-ड्रॉप) बरेच काही करायचे होते, ब्राउझर स्तरावर समर्थित केले जाईल आणि इव्हेंटच्या या विकासामुळे आनंद होऊ शकत नाही. आम्ही फक्त अशीच आशा करू शकतो की ट्रेंड चालू राहील.

बहुतांश आधुनिक इंटरनेट तंत्रज्ञान दीर्घकाळ वापरल्या जाणाऱ्या, सर्वाधिक वादग्रस्त भाषेतील HTML वर आधारित आहेत. हे वेब पृष्ठांवर ठेवलेल्या दस्तऐवजांचे मार्कअप आणि डिझाइन करण्यासाठी डिझाइन केले होते. 1986 मध्ये भाषेने प्रथम वैशिष्ट्ये प्राप्त करण्यास सुरुवात केली. इंटरनॅशनल ऑर्गनायझेशन फॉर स्टँडर्डायझेशन (ISO) ने ISO-8879 मानक - मानक सामान्यीकृत मार्कअप लँग्वेज किंवा, त्याच्या संक्षिप्त आवृत्तीमध्ये, SGML स्वीकारणे ही प्रेरणा होती. SGML मजकूराच्या स्ट्रक्चरल मार्कअपसाठी आहे असे नमूद केलेल्या वर्णनासह आले. हे लक्षात घेण्यासारखे आहे की दस्तऐवजाच्या स्वरूपाचे कोणतेही वर्णन नव्हते.

याच्या आधारे, आम्ही असा निष्कर्ष काढू शकतो की SGML ही मजकूर चिन्हांकित करण्याची प्रणाली नव्हती आणि विशिष्ट परिस्थितींमध्ये वापरल्या जाणाऱ्या संरचनात्मक भाषा घटकांची कोणतीही सूची नव्हती. मुख्य मार्कअप घटक लिहिण्यासाठी भाषेने वाक्यरचनाचे वर्णन सुचवले आहे. काही काळानंतर, त्यांना आज एक सुप्रसिद्ध नाव प्राप्त झाले - “टॅग”.

अशी भाषा तयार करण्याची स्पष्ट गरज होती जी:

• कोणता घटक कोणत्या प्रकरणांमध्ये वापरणे योग्य आहे याचे वर्णन केले आहे
• यामध्ये घटकांची सूची आहे ज्यासह तुम्ही विविध प्रोग्रामद्वारे वाचनीय दस्तऐवज तयार करू शकता

SGML, त्याच्या तत्सम ऍप्लिकेशन्सप्रमाणे, फारसा विकास झाला नाही हे असूनही, ते पूर्णपणे विसरले गेले नाही. 1991 मध्ये, युरोपियन इन्स्टिट्यूट ऑफ पार्टिकल फिजिक्सने ग्लोबल नेटवर्कद्वारे हायपरटेक्स्ट माहितीचे हस्तांतरण करण्यास अनुमती देणारी यंत्रणा विकसित करण्याची गरज जाहीर केली. SGML ने भविष्यातील भाषेचा आधार बनवला - हायपर टेक्स्ट मार्कअप लँग्वेज (HTML).

निर्मितीचे टप्पे.

सुमारे चाळीस टॅगमध्ये HTML आवृत्ती 1.2 समाविष्ट आहे. कागदपत्रांच्या प्रत्यक्ष सादरीकरणाचे कोणतेही वर्णन नव्हते. त्याच्या पूर्वज, SGML प्रमाणे, ते प्रामुख्याने मजकूराच्या तार्किक आणि संरचनात्मक मार्कअपवर केंद्रित होते. तथापि, पृष्ठ प्रत्यक्षरित्या कसे सादर केले जाईल याबद्दल काही टॅग्जने काही संकेत दिले आहेत.

HTML आवृत्ती 2.0 चा विकास W3C कन्सोर्टियमने हाती घेतला होता. पहिला निकाल एका वर्षाच्या गहन कामानंतर प्राप्त झाला - 1995 मध्ये. आवृत्ती 3.0 च्या क्षमतांवर जवळजवळ एकाच वेळी चर्चा केली गेली. जर दुसरी आवृत्ती पहिल्यापेक्षा लक्षणीय भिन्न म्हटले जाऊ शकत नाही, तर तिसरी एक परिपूर्ण प्रगती होती.

HTML 3.0 मध्ये मनोरंजक नवीन वैशिष्ट्ये समाविष्ट आहेत:

• गणिती सूत्रे चिन्हांकित करणे
• पृष्ठे तयार करण्यासाठी टॅग
• त्यांच्याभोवती गुंडाळलेल्या मजकुरासह चित्रे घालणे
• नोट्स इ.

तथापि, हे पुरेसे नव्हते, हायपरटेक्स्ट पृष्ठांच्या व्हिज्युअल डिझाइनची गरज वाढली. त्यानंतर, W3C ने एक स्वतंत्र प्रणाली तयार करण्यास सुरुवात केली, जी एचटीएमएलच्या मूलभूत गोष्टींचा विरोध करत नाही, परंतु दस्तऐवजांच्या व्हिज्युअल डिझाइनचे वर्णन करणे शक्य करते. याचा परिणाम म्हणजे CSS - कॅस्केडिंग स्टाईल शीट्स, एक अद्वितीय वाक्यरचना, रचना आणि उद्दिष्टांसह श्रेणीबद्ध शैली वैशिष्ट्यांचा उदय झाला.

पण आपण स्वतःहून पुढे जाऊ नका आणि HTML वर परत जाऊया. नेटस्केप कम्युनिकेशन्स, कॉर्पोरेशन ज्याने पहिला व्यावसायिक ब्राउझर, नेटस्केप नेव्हिगेटर लॉन्च केला, त्याच्या प्रेरणेने टॅग्जचा लक्षणीय विस्तार झाला. नवकल्पनांनी फक्त एकच ध्येय ठेवले - दस्तऐवजाचे स्वरूप सुधारण्यासाठी, परंतु त्याच वेळी त्यांनी भाषेच्या मूळ तत्त्वांचा पूर्णपणे विरोध केला.

HTML आवृत्ती 3.2 कमीत कमी वेळेत तयार केली गेली. हे मायक्रोसॉफ्ट इंटरनेट एक्सप्लोररवर लक्ष्य करण्यात आले होते. अलीकडे पर्यंत, HTML ची ही आवृत्ती केवळ भाषा मानक होती. तथापि, HTML च्या मदतीने दिशा खूप सक्रियपणे विकसित होत आहे, सर्व ब्राउझरच्या मार्कअप घटकांना काही ऑर्डर देणे शक्य होते, परंतु भाषेची क्षमता अपुरी होत होती.

2004 मध्ये, HTML ची नवीन आवृत्ती स्वीकारली गेली - 4.01. हे उत्कृष्ट क्रॉस-ब्राउझर आणि क्रॉस-प्लॅटफॉर्म कार्यप्रदर्शन प्रदान करते.

आज CSS जास्त का वापरला जात आहे? कारण एचटीएमएल, त्याच्या निर्मितीपासून लक्षणीयरीत्या विस्तारलेल्या क्षमता असूनही, हायपरटेक्स्टची तार्किक मार्कअप भाषा राहते, उदा. दस्तऐवजाच्या अंमलबजावणीशी संबंधित नाही. आधुनिक इंटरनेट मानके उज्ज्वल आणि संस्मरणीय पृष्ठांची निर्मिती सूचित करतात, म्हणून वेबमास्टर्स वाढत्या प्रमाणात CSS वापरत आहेत. HTML चा इतिहास संपवणे शक्य आहे का? या प्रश्नाचे उत्तर बहुधा सकारात्मक असेल, परंतु भाषा पूर्णपणे नाहीशी होणार नाही, कारण हे इतर अनेक प्रणालींना अधोरेखित करते.