2.1 टॅग्जचा परिचय
मार्कअप टॅगवर आधारित HTML-documentsआहे . टॅग म्हणजे काय ?
70 च्या दशकात टॅग्जचा शोध लावला गेला जेणेकरून लोक या दस्तऐवजांवर प्रक्रिया करणार्‍या प्रोग्रामसाठी दस्तऐवजांमध्ये सेवा माहिती जोडू शकतील.
Tag- हा एक मुख्य (कार्यात्मक) शब्द आहे, बहुतेकदा इंग्रजीमध्ये, जो कोन कंसात (अधिक आणि कमी वर्ण) बनविला गेला होता जेणेकरून प्रोग्राम इंग्रजीतील टॅग आणि सामान्य शब्द गोंधळात टाकू शकत नाहीत.
टॅगमध्ये विविध सेवा माहिती देखील असू शकते जी दस्तऐवजावर प्रक्रिया करणार्‍या प्रोग्रामसाठी उपयुक्त असू शकते.
टॅगसह उदाहरण मजकूर:
<a href="http://codegym.cc/about">
Link to something interesting
</a>या उदाहरणात, आम्ही मजकूर, "a" टॅग, तसेच सेवा माहिती - टॅग विशेषता पाहतो. खाली आपण त्यांच्याबद्दल अधिक जाणून घ्याल.
2.2 टॅगचे प्रकार: उघडणे, बंद करणे, रिक्त टॅग
टॅग वेगवेगळ्या प्रकारचे असतात. प्रथम, ते एकल आणि दुहेरी आहेत. सर्वात सामान्य जोडलेले टॅग आहेत . आणि जसे आपण आधीच अंदाज लावला आहे, ते नेहमी जोड्यांमध्ये जातात. त्यांना उघडणे आणि बंद करणे देखील म्हणतात.
ओपनिंग टॅग हा त्रिकोण कंसात फक्त एक कीवर्ड आहे. उदाहरण:
<h1>क्लोजिंग टॅग हा ओपनिंग टॅगसारखाच असतो, परंतु कीवर्डच्या आधी स्लॅश असतो. उदाहरण:
</h1>ओपनिंग टॅगमध्ये सेवा माहिती असू शकते - विशेषता, बंद होणारी - नाही . प्रारंभ टॅग नेहमी जोडीचा पहिला असतो. क्लोजिंग टॅग प्रथम मजकूरात आणि नंतर ओपनिंग टॅगमध्ये जाऊ शकत नाही. हे HTML-documentवैध असणार नाही.
सिंगल टॅगमध्ये क्लोजिंग टॅग नसतो. अशा टॅगची यादी द्वारे परिभाषित केली आहे HTML-standard. अशा टॅगची उदाहरणे:
<br>- लाइन ब्रेक;<img>- चित्र.
तसे, जोडलेला टॅग, जर त्यात आत माहिती नसेल तर, संक्षिप्त स्वरूपात लिहिले जाऊ शकते . उदाहरण:
<h1/>हा एकच टॅग नसून रिक्त जोडी टॅग आहे. हे एकाच वेळी बंद आणि खुले दोन्ही टॅगसारखे आहे. हे बंद टॅगपेक्षा वेगळे आहे की स्लॅश शेवटी आहे (दुसऱ्या त्रिकोणी कंसाच्या आधी).
2.3 टॅग ट्री
आणि जोडलेल्या टॅगबद्दल अधिक महत्त्वाची माहिती. दस्तऐवजात त्यापैकी बरेच असू शकतात आणि ते नेस्ट केले जाऊ शकतात. याचा अर्थ काय? याचा अर्थ असा की आतील कोणताही मजकूर HTML-documentटॅगसह फ्रेम (रॅप्ड) केला जाऊ शकतो, जरी त्यात इतर टॅग असले तरीही. उदाहरण:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>ढोबळपणे बोलायचे झाल्यास, html मजकूरात टॅग्जचा क्रम येऊ शकतो:
<h1> <h2> </h2> </h1>परंतु हे असू शकत नाही:
<h1> <h2> </h1> </h2>जर प्रारंभ टॅग -टॅग जोडीमध्ये <h2>असेल <h1>, तर त्याचा जुळणारा शेवटचा टॅग </h2>देखील -टॅग जोडीमध्ये असणे आवश्यक आहे <h1>.
अशा प्रकारे, सर्व दस्तऐवज टॅग एक प्रकारचे टॅग ट्री बनतात . प्रथम उच्च-स्तरीय टॅग येतो जो संपूर्ण दस्तऐवज गुंडाळतो, ज्याला सामान्यतः म्हणतात <html>, त्यात चाइल्ड टॅग जोड्या असतात, त्यांच्या स्वतःच्या असतात इ.
वास्तविक, टॅगसह दस्तऐवजावर प्रक्रिया करणारा प्रोग्राम तो अगदी तसाच पाहतो - आत काही मजकूर असलेले टॅग ट्री.
2.4 विशेषता
जर आपण विशेषतांबद्दल बोललो नाही तर टॅगबद्दल माहिती पूर्ण होणार नाही. जोडलेल्या टॅगचे सिंगल टॅग आणि स्टार्ट टॅग असू शकतात . या विशेषतांमध्ये टॅगच्या सामग्रीबद्दल उपयुक्त माहिती असते.
टॅगमध्ये अनेक गुणधर्म असू शकतात आणि त्यांचे खालील सामान्य स्वरूप आहे:
<tag name1="value1" name2="value2">Nameप्रत्येक विशेषता आणि ची जोडी म्हणून निर्दिष्ट केली आहे meaning. अनेक गुणधर्म असू शकतात.
«<»परंतु एक अनुभवी प्रोग्रामर लगेच प्रश्न विचारेल: जर तुम्हाला वर्ण किंवा «>»अवतरण असलेला मजकूर विशेषता मूल्य म्हणून वापरायचा असेल तर काय करावे?
| चिन्हाचे नाव | चिन्ह | HTML एंट्री |
|---|---|---|
| दुहेरी अवतरण चिन्ह | " | " |
| अँपरसँड | आणि | आणि |
| चिन्हापेक्षा कमी | < | < |
| अधिक चिन्ह | > | > |
| जागा | ||
| एकच कोट | ' | ' |